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

package/{lib → src/legacy/lib}/models/common/widgets/Group/Form.jsx

@@ -1,10 +1,11 @@
-import { Col, Flex as FlexGrid } from "@components/Flex";
-import WidgetFormField from "@lib/builders/common/EditModal/Field";
-import { createFieldNameFromKey } from "@lib/forms";
-import { DefaultFields } from "@lib/forms/defaults";
-import { CheckBox } from "@lib/forms/fields";
 import { Box, Checkbox, Label } from "theme-ui";
 
+import { Col, Flex as FlexGrid } from "@/legacy/components/Flex";
+import WidgetFormField from "@/legacy/lib/builders/common/EditModal/Field";
+import { createFieldNameFromKey } from "@/legacy/lib/forms";
+import { DefaultFields } from "@/legacy/lib/forms/defaults";
+import { CheckBox } from "@/legacy/lib/forms/fields";
+
 // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 const FormFields = {
   ...DefaultFields,

package/{lib → src/legacy/lib}/models/common/widgets/Group/ListItem/index.jsx

@@ -1,27 +1,28 @@
-import { findWidgetByConfigOrType } from "@builders/utils";
-import ListItem from "@components/ListItem";
-import EditModal from "@lib/builders/common/EditModal";
-import SelectFieldTypeModal from "@lib/builders/common/SelectFieldTypeModal";
-import Hint from "@lib/builders/common/Zone/Card/components/Hints";
-import NewField from "@lib/builders/common/Zone/Card/components/NewField";
-import { TabFieldsModel } from "@lib/models/common/CustomType";
-import * as Widgets from "@lib/models/common/widgets";
-import sliceBuilderArray from "@lib/models/common/widgets/sliceBuilderArray";
-import { ensureDnDDestination, ensureWidgetTypeExistence } from "@lib/utils";
-import { telemetry } from "@src/apiClient";
-import {
-  addGroupField,
-  deleteGroupField,
-  reorderGroupField,
-  updateGroupField,
-} from "@src/domain/customType";
-import { useCustomTypeState } from "@src/features/customTypes/customTypesBuilder/CustomTypeProvider";
-import { transformKeyAccessor } from "@utils/str";
 import { Fragment, useState } from "react";
 import { DragDropContext, Droppable } from "react-beautiful-dnd";
 import { flushSync } from "react-dom";
 import { Box, Button } from "theme-ui";
 
+import { telemetry } from "@/apiClient";
+import {
+  addFieldToGroup,
+  deleteFieldFromGroup,
+  reorderFieldInGroup,
+  updateFieldInGroup,
+} from "@/domain/group";
+import ListItem from "@/legacy/components/ListItem";
+import EditModal from "@/legacy/lib/builders/common/EditModal";
+import SelectFieldTypeModal from "@/legacy/lib/builders/common/SelectFieldTypeModal";
+import Hint from "@/legacy/lib/builders/common/Zone/Card/components/Hints";
+import NewField from "@/legacy/lib/builders/common/Zone/Card/components/NewField";
+import { findWidgetByConfigOrType } from "@/legacy/lib/builders/utils";
+import { Groups } from "@/legacy/lib/models/common/Group";
+import * as Widgets from "@/legacy/lib/models/common/widgets";
+import groupBuilderWidgetsArray from "@/legacy/lib/models/common/widgets/groupBuilderArray";
+import { ensureDnDDestination } from "@/legacy/lib/utils";
+import { transformKeyAccessor } from "@/legacy/lib/utils/str";
+import { getContentTypeForTracking } from "@/utils/getContentTypeForTracking";
+
 /* eslint-disable */
 const CustomListItem = ({
   tabId,
@@ -32,14 +33,12 @@ const CustomListItem = ({
   isRepeatable,
   item: groupItem,
   draggableId,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  renderFieldAccessor,
+  saveItem,
   ...rest
 }) => {
   const [selectMode, setSelectMode] = useState(false);
   const [newFieldData, setNewFieldData] = useState(null);
   const [editModalData, setEditModalData] = useState({ isOpen: false });
-  const { customType, setCustomType } = useCustomTypeState();
 
   const onSelectFieldType = (widgetTypeName) => {
     // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
@@ -56,54 +55,47 @@ const CustomListItem = ({
   };
 
   const onSaveNewField = ({ id, label, widgetTypeName }) => {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
     const widget = Widgets[widgetTypeName];
+    const newField = widget.create(label);
 
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment
-    const newWidget = widget.create(label);
-
-    const newField = TabFieldsModel.fromSM(newWidget);
-    const newCustomType = addGroupField({
-      customType,
-      sectionId: tabId,
-      groupFieldId: groupItem.key,
-      newField,
-      newFieldId: id,
+    const newGroupValue = addFieldToGroup({
+      group: Groups.fromSM(groupItem.value),
+      fieldId: id,
+      field: newField,
     });
 
-    setCustomType(newCustomType);
+    saveItem({
+      apiId: groupItem.key,
+      newKey: groupItem.key,
+      value: Groups.toSM(newGroupValue),
+    });
 
     void telemetry.track({
       event: "field:added",
       id,
       name: label,
-      type: widgetTypeName,
+      type: newField.type,
       isInAGroup: true,
-      contentType: customType.format === "page" ? "page type" : "custom type",
+      contentType: getContentTypeForTracking(window.location.pathname),
     });
   };
 
   const onSaveField = ({ apiId: previousKey, newKey, value }) => {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-argument
-    if (ensureWidgetTypeExistence(Widgets, value.type)) {
-      return;
-    }
-
-    const newField = TabFieldsModel.fromSM(value);
-    const newCustomType = updateGroupField({
-      customType,
-      sectionId: tabId,
-      groupFieldId: groupItem.key,
+    const newGroupValue = updateFieldInGroup({
+      group: Groups.fromSM(groupItem.value),
       previousFieldId: previousKey,
       newFieldId: newKey,
-      newField,
+      field: value,
     });
 
-    setCustomType(newCustomType);
+    saveItem({
+      apiId: groupItem.key,
+      newKey: groupItem.key,
+      value: Groups.toSM(newGroupValue),
+    });
   };
 
   const onDragEnd = (result) => {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
     if (ensureDnDDestination(result)) {
       return;
     }
@@ -116,10 +108,8 @@ const CustomListItem = ({
     const { index: sourceIndex } = source;
     const { index: destinationIndex } = destination;
 
-    const newCustomType = reorderGroupField({
-      customType,
-      sectionId: tabId,
-      groupFieldId: groupItem.key,
+    const newGroupValue = reorderFieldInGroup({
+      group: Groups.fromSM(groupItem.value),
       sourceIndex,
       destinationIndex,
     });
@@ -127,18 +117,26 @@ const CustomListItem = ({
     // When removing redux and replacing it by a simple useState, react-beautiful-dnd (that is deprecated library) was making the fields flickering on reorder.
     // The problem seems to come from the react non-synchronous way to handle our state update that didn't work well with the library.
     // It's a hack and since it's used on an old pure JavaScript code with a deprecated library it will be removed when updating the UI of the fields.
-    flushSync(() => setCustomType(newCustomType));
+    flushSync(() => {
+      saveItem({
+        apiId: groupItem.key,
+        newKey: groupItem.key,
+        value: Groups.toSM(newGroupValue),
+      });
+    });
   };
 
   const onDeleteItem = (key) => {
-    const newCustomType = deleteGroupField({
-      customType,
-      sectionId: tabId,
-      groupFieldId: groupItem.key,
+    const newGroupValue = deleteFieldFromGroup({
+      group: Groups.fromSM(groupItem.value),
       fieldId: key,
     });
 
-    setCustomType(newCustomType);
+    saveItem({
+      apiId: groupItem.key,
+      newKey: groupItem.key,
+      value: Groups.toSM(newGroupValue),
+    });
   };
 
   /** @param {[string, import("@prismicio/types-internal/lib/customtypes").NestableWidget]} field */
@@ -153,9 +151,10 @@ const CustomListItem = ({
       name: model.config.label,
       type: model.type,
       isInAGroup: true,
-      contentType: customType.format === "page" ? "page type" : "custom type",
+      contentType: getContentTypeForTracking(window.location.pathname),
     });
   };
+
   return (
     <Fragment>
       <ListItem
@@ -166,7 +165,6 @@ const CustomListItem = ({
         // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment
         draggableId={draggableId}
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unused-vars, @typescript-eslint/restrict-template-expressions, @typescript-eslint/no-unsafe-member-access
-        renderFieldAccessor={(key) => `data.${groupItem.key}.[...]`}
         {...rest}
         CustomEditElements={[
           <Button
@@ -216,8 +214,7 @@ const CustomListItem = ({
                           enterEditMode,
                           deleteItem: onDeleteItem,
                           renderFieldAccessor: (key) =>
-                            // eslint-disable-next-line @typescript-eslint/restrict-template-expressions, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/restrict-template-expressions
-                            `data.${groupItem.key}.${key}`,
+                            `item${transformKeyAccessor(item.key)}`,
                           // eslint-disable-next-line @typescript-eslint/restrict-template-expressions, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/restrict-template-expressions, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/restrict-template-expressions
                           draggableId: `group-${groupItem.key}-${item.key}-${index}`,
                           testId: `list-item-group-${groupItem.key}-${item.key}`,
@@ -233,9 +230,7 @@ const CustomListItem = ({
                             isRepeatable={isRepeatable}
                             renderHintBase={({ item }) =>
                               // eslint-disable-next-line @typescript-eslint/restrict-template-expressions, @typescript-eslint/no-unsafe-member-access
-                              `data.${groupItem.key}${transformKeyAccessor(
-                                item.key,
-                              )}`
+                              `item${transformKeyAccessor(item.key)}`
                             }
                             Widgets={Widgets}
                             // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
@@ -273,7 +268,7 @@ const CustomListItem = ({
         data={{ isOpen: selectMode }}
         close={() => setSelectMode(false)}
         onSelect={onSelectFieldType}
-        widgetsArray={sliceBuilderArray}
+        widgetsArray={groupBuilderWidgetsArray}
       />
       <EditModal
         data={editModalData}

package/{lib → src/legacy/lib}/models/common/widgets/Group/index.ts

@@ -1,7 +1,8 @@
-import { GroupSM } from "@lib/models/common/Group";
 import { MdPlaylistAdd } from "react-icons/md";
 import * as yup from "yup";
 
+import { GroupSM } from "@/legacy/lib/models/common/Group";
+
 import { Widget } from "../Widget";
 import Form, { FormFields } from "./Form";
 import CustomListItem from "./ListItem";

package/{lib → src/legacy/lib}/models/common/widgets/Image/Form.tsx

@@ -1,13 +1,14 @@
-import { Col, Flex as FlexGrid } from "@components/Flex";
-import WidgetFormField from "@lib/builders/common/EditModal/Field";
-import { createFieldNameFromKey } from "@lib/forms";
-import { DefaultFields } from "@lib/forms/defaults";
-import { TabFields } from "@lib/models/common/CustomType";
 import { FieldArray } from "formik";
 import { Fragment, useEffect, useState } from "react";
 import { Card, Flex, Label } from "theme-ui";
 import * as yup from "yup";
 
+import { Col, Flex as FlexGrid } from "@/legacy/components/Flex";
+import WidgetFormField from "@/legacy/lib/builders/common/EditModal/Field";
+import { createFieldNameFromKey } from "@/legacy/lib/forms";
+import { DefaultFields } from "@/legacy/lib/forms/defaults";
+import { TabFields } from "@/legacy/lib/models/common/CustomType";
+
 import {
   AddThumbnailButton,
   ConstraintForm,

package/{lib → src/legacy/lib}/models/common/widgets/Image/components.tsx

@@ -1,13 +1,14 @@
-import { FormFieldInput } from "@components/FormFields";
-import SliceMachineIconButton, {
-  SliceMachineIconButtonProps,
-} from "@components/SliceMachineIconButton";
 import { FieldMetaProps, useField } from "formik";
 import React, { Fragment } from "react";
 import { BsFillPlusSquareFill, BsImage } from "react-icons/bs";
 import { MdCancel } from "react-icons/md";
 import { Badge, Flex, Text, ThemeUIStyleObject } from "theme-ui";
 
+import { FormFieldInput } from "@/legacy/components/FormFields";
+import SliceMachineIconButton, {
+  SliceMachineIconButtonProps,
+} from "@/legacy/components/SliceMachineIconButton";
+
 type ThumbnailButtonProps = Pick<
   SliceMachineIconButtonProps,
   "onClick" | "error" | "active" | "sx"

package/{lib → src/legacy/lib}/models/common/widgets/Link/Form.jsx

@@ -1,8 +1,8 @@
-import { Col, Flex as FlexGrid } from "@components/Flex";
-import WidgetFormField from "@lib/builders/common/EditModal/Field";
-import { createFieldNameFromKey } from "@lib/forms";
-import { DefaultFields } from "@lib/forms/defaults";
-import { CheckBox } from "@lib/forms/fields";
+import { Col, Flex as FlexGrid } from "@/legacy/components/Flex";
+import WidgetFormField from "@/legacy/lib/builders/common/EditModal/Field";
+import { createFieldNameFromKey } from "@/legacy/lib/forms";
+import { DefaultFields } from "@/legacy/lib/forms/defaults";
+import { CheckBox } from "@/legacy/lib/forms/fields";
 
 // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 const FormFields = {

package/{lib → src/legacy/lib}/models/common/widgets/LinkToMedia/Form.jsx

@@ -1,7 +1,7 @@
-import { Col, Flex as FlexGrid } from "@components/Flex";
-import WidgetFormField from "@lib/builders/common/EditModal/Field";
-import { createFieldNameFromKey } from "@lib/forms";
-import { DefaultFields } from "@lib/forms/defaults";
+import { Col, Flex as FlexGrid } from "@/legacy/components/Flex";
+import WidgetFormField from "@/legacy/lib/builders/common/EditModal/Field";
+import { createFieldNameFromKey } from "@/legacy/lib/forms";
+import { DefaultFields } from "@/legacy/lib/forms/defaults";
 
 // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 const FormFields = {

package/{lib → src/legacy/lib}/models/common/widgets/LinkToMedia/index.ts

@@ -1,8 +1,9 @@
-import { linkConfigSchema } from "@lib/models/common/widgets/Link";
 import { Link } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
 import { MdAttachment } from "react-icons/md";
 import * as yup from "yup";
 
+import { linkConfigSchema } from "@/legacy/lib/models/common/widgets/Link";
+
 import { Widget } from "../Widget";
 import Form, { FormFields } from "./Form";
 

package/{lib → src/legacy/lib}/models/common/widgets/Select/FormFields.jsx

@@ -1,11 +1,12 @@
+import { useFormikContext } from "formik";
+import * as yup from "yup";
+
 import {
   FormFieldArray,
   FormFieldCheckboxControl,
-} from "@components/FormFields";
-import { DefaultFields } from "@lib/forms/defaults";
-import { FormTypes } from "@lib/forms/types";
-import { useFormikContext } from "formik";
-import * as yup from "yup";
+} from "@/legacy/components/FormFields";
+import { DefaultFields } from "@/legacy/lib/forms/defaults";
+import { FormTypes } from "@/legacy/lib/forms/types";
 
 const label = (controlledValue) =>
   `use first value as default ${

package/{lib → src/legacy/lib}/models/common/widgets/StructuredText/Form.tsx

@@ -1,9 +1,3 @@
-import { Col, Flex as FlexGrid } from "@components/Flex";
-import SliceMachineIconButton from "@components/SliceMachineIconButton";
-import WidgetFormField from "@lib/builders/common/EditModal/Field";
-import { createFieldNameFromKey } from "@lib/forms";
-import { DefaultFields } from "@lib/forms/defaults";
-import { CheckBox as CheckBoxConstructor } from "@lib/forms/fields";
 import { has } from "fp-ts/Record";
 import { isObject, isString } from "lodash";
 import { useEffect, useState } from "react";
@@ -11,6 +5,13 @@ import { Box, Button, Checkbox, Flex, Label, Text } from "theme-ui";
 import * as yup from "yup";
 import { AnyObject } from "yup/lib/types";
 
+import { Col, Flex as FlexGrid } from "@/legacy/components/Flex";
+import SliceMachineIconButton from "@/legacy/components/SliceMachineIconButton";
+import WidgetFormField from "@/legacy/lib/builders/common/EditModal/Field";
+import { createFieldNameFromKey } from "@/legacy/lib/forms";
+import { DefaultFields } from "@/legacy/lib/forms/defaults";
+import { CheckBox as CheckBoxConstructor } from "@/legacy/lib/forms/fields";
+
 import options, { optionValues } from "./options";
 
 const isAllSet = (curr: Array<string>): boolean =>

package/{lib → src/legacy/lib}/models/common/widgets/Widget.ts

@@ -1,8 +1,9 @@
-import { TabField } from "@lib/models/common/CustomType";
 import { FieldType } from "@prismicio/types-internal/lib/customtypes";
 import { IconType } from "react-icons";
 import { AnyObjectSchema } from "yup";
 
+import { TabField } from "@/legacy/lib/models/common/CustomType";
+
 export interface Widget<F extends TabField, S extends AnyObjectSchema> {
   TYPE_NAME: FieldType;
   create: (label: string) => F;

package/src/legacy/lib/models/common/widgets/groupBuilderArray.ts

@@ -0,0 +1,18 @@
+import * as Widgets from ".";
+
+export default [
+  Widgets.StructuredText,
+  Widgets.Image,
+  Widgets.Link,
+  Widgets.LinkToMedia,
+  Widgets.ContentRelationship,
+  Widgets.Select,
+  Widgets.Boolean,
+  Widgets.Date,
+  Widgets.Timestamp,
+  Widgets.Embed,
+  Widgets.Number,
+  Widgets.GeoPoint,
+  Widgets.Color,
+  Widgets.Text,
+];

package/src/legacy/lib/models/common/widgets/sliceBuilderArray.ts

@@ -0,0 +1,19 @@
+import * as Widgets from "./withGroup";
+
+export default [
+  Widgets.Group,
+  Widgets.StructuredText,
+  Widgets.Image,
+  Widgets.Link,
+  Widgets.LinkToMedia,
+  Widgets.ContentRelationship,
+  Widgets.Select,
+  Widgets.Boolean,
+  Widgets.Date,
+  Widgets.Timestamp,
+  Widgets.Embed,
+  Widgets.Number,
+  Widgets.GeoPoint,
+  Widgets.Color,
+  Widgets.Text,
+];

package/src/legacy/lib/models/common/widgets/withGroup.ts

@@ -0,0 +1,2 @@
+export * from ".";
+export { GroupWidget as Group } from "./Group";

package/{lib → src/legacy/lib}/models/server/ServerState.ts

@@ -1,5 +1,5 @@
-import { CustomTypeSM } from "@lib/models/common/CustomType";
-import { SliceSM } from "@lib/models/common/Slice";
+import { CustomTypeSM } from "@/legacy/lib/models/common/CustomType";
+import { SliceSM } from "@/legacy/lib/models/common/Slice";
 
 import { FrontEndEnvironment } from "../common/Environment";
 import ErrorWithStatus from "../common/ErrorWithStatus";

package/{lib → src/legacy/lib}/utils/shared/customTypes.ts

@@ -1,4 +1,4 @@
-import { CustomTypeSM } from "@lib/models/common/CustomType";
+import { CustomTypeSM } from "@/legacy/lib/models/common/CustomType";
 
 export const filterSliceFromCustomType = <T extends CustomTypeSM | undefined>(
   ct: T,

package/src/modules/availableCustomTypes/index.ts

@@ -1,20 +1,21 @@
-import { CustomTypeSM } from "@lib/models/common/CustomType";
+import { omit } from "lodash";
+import { Reducer } from "redux";
+import { ActionType, createAction, getType } from "typesafe-actions";
+
+import { CustomTypeSM } from "@/legacy/lib/models/common/CustomType";
 import {
   hasLocal,
   hasLocalAndRemote,
   LocalOrRemoteCustomType,
   RemoteOnlyCustomType,
-} from "@lib/models/common/ModelData";
+} from "@/legacy/lib/models/common/ModelData";
 import {
   normalizeFrontendCustomType,
   normalizeFrontendCustomTypes,
-} from "@lib/models/common/normalizers/customType";
-import { filterSliceFromCustomType } from "@lib/utils/shared/customTypes";
-import { refreshStateCreator } from "@src/modules/environment";
-import { SliceMachineStoreType } from "@src/redux/type";
-import { omit } from "lodash";
-import { Reducer } from "redux";
-import { ActionType, createAction, getType } from "typesafe-actions";
+} from "@/legacy/lib/models/common/normalizers/customType";
+import { filterSliceFromCustomType } from "@/legacy/lib/utils/shared/customTypes";
+import { refreshStateCreator } from "@/modules/environment";
+import { SliceMachineStoreType } from "@/redux/type";
 
 import { sliceDeleteSuccess } from "../slices";
 import { AvailableCustomTypesStoreType } from "./types";

package/src/modules/availableCustomTypes/types.ts

@@ -1,5 +1,5 @@
-import { CustomTypeSM } from "@lib/models/common/CustomType";
-import { LocalOrRemoteCustomType } from "@lib/models/common/ModelData";
+import { CustomTypeSM } from "@/legacy/lib/models/common/CustomType";
+import { LocalOrRemoteCustomType } from "@/legacy/lib/models/common/ModelData";
 
 export type AvailableCustomTypesStoreType = Readonly<
   Record<CustomTypeSM["id"], LocalOrRemoteCustomType>

package/src/modules/environment/index.ts

@@ -1,13 +1,14 @@
-import { CustomTypeSM } from "@lib/models/common/CustomType";
-import ErrorWithStatus from "@lib/models/common/ErrorWithStatus";
-import { SliceSM } from "@lib/models/common/Slice";
-import { FrontEndEnvironment } from "@models/common/Environment";
-import { LibraryUI } from "@models/common/LibraryUI";
 import type { APIEndpoints, PackageManager } from "@slicemachine/manager";
-import { SliceMachineStoreType } from "@src/redux/type";
 import { Reducer } from "redux";
 import { ActionType, createAction, getType } from "typesafe-actions";
 
+import { CustomTypeSM } from "@/legacy/lib/models/common/CustomType";
+import { FrontEndEnvironment } from "@/legacy/lib/models/common/Environment";
+import ErrorWithStatus from "@/legacy/lib/models/common/ErrorWithStatus";
+import { LibraryUI } from "@/legacy/lib/models/common/LibraryUI";
+import { SliceSM } from "@/legacy/lib/models/common/Slice";
+import { SliceMachineStoreType } from "@/redux/type";
+
 import { AuthStatus } from "../userContext/types";
 import { EnvironmentStoreType } from "./types";
 

package/src/modules/environment/types.ts

@@ -1,3 +1,3 @@
-import { FrontEndEnvironment } from "@lib/models/common/Environment";
+import { FrontEndEnvironment } from "@/legacy/lib/models/common/Environment";
 
 export type EnvironmentStoreType = FrontEndEnvironment;

package/src/modules/modal/index.ts

@@ -1,8 +1,9 @@
-import { SliceMachineStoreType } from "@src/redux/type";
 import mapValues from "lodash/mapValues";
 import { Reducer } from "redux";
 import { ActionType, createAction, getType } from "typesafe-actions";
 
+import { SliceMachineStoreType } from "@/redux/type";
+
 import { ModalKeysEnum, ModalStoreType } from "./types";
 
 export const initialState: ModalStoreType = {

package/src/modules/slices/index.ts

@@ -1,14 +1,18 @@
-import { ComponentUI, ScreenshotUI } from "@lib/models/common/ComponentUI";
-import { LocalOrRemoteSlice } from "@lib/models/common/ModelData";
-import { normalizeFrontendSlices } from "@lib/models/common/normalizers/slices";
-import { SliceSM } from "@lib/models/common/Slice";
-import { LibraryUI } from "@models/common/LibraryUI";
-import { SaveSliceMockRequest } from "@src/apiClient";
-import { refreshStateCreator } from "@src/modules/environment";
-import { SliceMachineStoreType } from "@src/redux/type";
 import { Reducer } from "redux";
 import { ActionType, createAction, getType } from "typesafe-actions";
 
+import { SaveSliceMockRequest } from "@/apiClient";
+import {
+  ComponentUI,
+  ScreenshotUI,
+} from "@/legacy/lib/models/common/ComponentUI";
+import { LibraryUI } from "@/legacy/lib/models/common/LibraryUI";
+import { LocalOrRemoteSlice } from "@/legacy/lib/models/common/ModelData";
+import { normalizeFrontendSlices } from "@/legacy/lib/models/common/normalizers/slices";
+import { SliceSM } from "@/legacy/lib/models/common/Slice";
+import { refreshStateCreator } from "@/modules/environment";
+import { SliceMachineStoreType } from "@/redux/type";
+
 import { SlicesStoreType } from "./types";
 
 // Action Creators

package/src/modules/slices/selector.ts

@@ -1,4 +1,4 @@
-import { SliceMachineStoreType } from "@src/redux/type";
+import { SliceMachineStoreType } from "@/redux/type";
 
 import { getLibraries } from "./index";
 

package/src/modules/slices/types.ts

@@ -1,5 +1,5 @@
-import { SliceSM } from "@lib/models/common/Slice";
-import { LibraryUI } from "@models/common/LibraryUI";
+import { LibraryUI } from "@/legacy/lib/models/common/LibraryUI";
+import { SliceSM } from "@/legacy/lib/models/common/Slice";
 
 export type SlicesStoreType = {
   libraries: ReadonlyArray<LibraryUI>;

package/src/modules/useSliceMachineActions.ts

@@ -1,12 +1,16 @@
-import { CustomTypes } from "@lib/models/common/CustomType";
-import { LibraryUI } from "@lib/models/common/LibraryUI";
-import { SliceSM } from "@lib/models/common/Slice";
-import ServerState from "@models/server/ServerState";
 import { CustomType } from "@prismicio/types-internal/lib/customtypes";
-import { SaveSliceMockRequest } from "@src/apiClient";
 import { useDispatch } from "react-redux";
 
-import { ComponentUI, ScreenshotUI } from "../../lib/models/common/ComponentUI";
+import { SaveSliceMockRequest } from "@/apiClient";
+import {
+  ComponentUI,
+  ScreenshotUI,
+} from "@/legacy/lib/models/common/ComponentUI";
+import { CustomTypes } from "@/legacy/lib/models/common/CustomType";
+import { LibraryUI } from "@/legacy/lib/models/common/LibraryUI";
+import { SliceSM } from "@/legacy/lib/models/common/Slice";
+import ServerState from "@/legacy/lib/models/server/ServerState";
+
 import {
   customTypeCreateSuccess,
   customTypeDeleteSuccess,

package/src/modules/userContext/index.ts

@@ -1,13 +1,14 @@
-import ErrorWithStatus from "@lib/models/common/ErrorWithStatus";
+import { Reducer } from "redux";
+import { ActionType, createAction, getType } from "typesafe-actions";
+
+import ErrorWithStatus from "@/legacy/lib/models/common/ErrorWithStatus";
 import {
   AuthStatus,
   UserContextStoreType,
   UserReviewState,
   UserReviewType,
-} from "@src/modules/userContext/types";
-import { SliceMachineStoreType } from "@src/redux/type";
-import { Reducer } from "redux";
-import { ActionType, createAction, getType } from "typesafe-actions";
+} from "@/modules/userContext/types";
+import { SliceMachineStoreType } from "@/redux/type";
 
 import { refreshStateCreator } from "../environment";