Replace unlayer-types with @unlayer/types

Migrate from the deprecated unlayer-types package to the new @unlayer/types
scoped package and update type imports accordingly.

Author: brunolemos

package-lock.json

@@ -30,7 +30,7 @@
     }
   },
   "dependencies": {
-    "unlayer-types": "latest"
+    "@unlayer/types": "latest"
   },
   "devDependencies": {
     "@rollup/plugin-replace": "^5.0.2",

package.json

@@ -4,9 +4,10 @@ import React, {
   useImperativeHandle,
   useMemo,
 } from 'react';
+import type { UnlayerEditor } from '@unlayer/types';
 
 import pkg from '../package.json';
-import { Editor, EditorRef, EmailEditorProps } from './types';
+import { EditorRef, EmailEditorProps } from './types';
 import { loadScript } from './loadScript';
 
 const win = typeof window === 'undefined' ? { __unlayer_lastEditorId: 0 } : window
@@ -16,7 +17,7 @@ export const EmailEditor = React.forwardRef<EditorRef, EmailEditorProps>(
   (props, ref) => {
     const { onLoad, onReady, scriptUrl, minHeight = 500, style = {} } = props;
 
-    const [editor, setEditor] = useState<Editor | null>(null);
+    const [editor, setEditor] = useState<UnlayerEditor | null>(null);
 
     const [hasLoadedEmbedScript, setHasLoadedEmbedScript] = useState(false);
 

src/EmailEditor.tsx

@@ -1,24 +1,23 @@
-/// <reference path="../node_modules/unlayer-types/embed.d.ts" />
-
 import { CSSProperties } from 'react';
 
-import Embed from 'embed/index';
-import { Editor as EditorClass } from 'embed/Editor';
-import { AppearanceConfig, DisplayMode, ToolsConfig } from 'state/types/types';
-
-export type Unlayer = typeof Embed;
-export type UnlayerOptions = Parameters<Unlayer['createEditor']>[0];
-export type Editor = InstanceType<typeof EditorClass>;
+import type {
+  AppearanceConfig,
+  DisplayMode,
+  ToolsConfig,
+  UnlayerEditor,
+  UnlayerEmbed,
+  UnlayerOptions,
+} from '@unlayer/types';
 
 export interface EditorRef {
-  editor: Editor | null;
+  editor: UnlayerEditor | null;
 }
 
 export interface EmailEditorProps {
   editorId?: string | undefined;
   minHeight?: number | string | undefined;
-  onLoad?(unlayer: Editor): void;
-  onReady?(unlayer: Editor): void;
+  onLoad?(unlayer: UnlayerEditor): void;
+  onReady?(unlayer: UnlayerEditor): void;
   options?: UnlayerOptions | undefined;
   scriptUrl?: string | undefined;
   style?: CSSProperties | undefined;
@@ -37,7 +36,7 @@ export interface EmailEditorProps {
 }
 
 declare global {
-  const unlayer: Unlayer;
+  const unlayer: UnlayerEmbed;
 
   interface Window {
     __unlayer_lastEditorId: number;