1 files changed, 15 insertions, 14 deletions
diff --git a/src/client/views/InkTranscription.tsx b/src/client/views/InkTranscription.tsx
index e800e0ae3..2e6b477e9 100644
--- a/src/client/views/InkTranscription.tsx
+++ b/src/client/views/InkTranscription.tsx
@@ -48,7 +48,7 @@ export class InkTranscription extends React.Component {
             const options = {
                 configuration: {
                     server: {
-                        scheme: 'https',
+                        scheme: 'https' as iink.TScheme,
                         host: 'cloud.myscript.com',
                         applicationKey: 'c0901093-5ac5-4454-8e64-0def0f13f2ca',
                         hmacKey: 'f6465cca-1856-4492-a6a4-e2395841be2f',
@@ -56,13 +56,14 @@ export class InkTranscription extends React.Component {
                     },
                     recognition: {
                         type: 'TEXT',
+                        lang: 'en_US',
+                        text: {
+                            mimeTypes: ['application/vnd.myscript.jiix'] as 'application/vnd.myscript.jiix'[],
+                        },
                     },
                 },
             };
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            const editor = new iink.Editor(r, options as any);
-
-            await editor.initialize();
+            await iink.Editor.load(r, 'INKV2', options);
 
             this._textRegister = r;
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -78,7 +79,7 @@ export class InkTranscription extends React.Component {
             const options = {
                 configuration: {
                     server: {
-                        scheme: 'https',
+                        scheme: 'https' as iink.TScheme,
                         host: 'cloud.myscript.com',
                         applicationKey: 'c0901093-5ac5-4454-8e64-0def0f13f2ca',
                         hmacKey: 'f6465cca-1856-4492-a6a4-e2395841be2f',
@@ -86,14 +87,14 @@ export class InkTranscription extends React.Component {
                     },
                     recognition: {
                         type: 'TEXT',
+                        lang: 'en_US',
+                        text: {
+                            mimeTypes: ['application/vnd.myscript.jiix'] as 'application/vnd.myscript.jiix'[],
+                        },
                     },
                 },
             };
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            const editor = new iink.Editor(r, options as any);
-
-            await editor.initialize();
-            this.iinkEditor = editor;
+            this.iinkEditor = await iink.Editor.load(r, 'INKV2', options);
             this._textRegister = r;
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             r?.addEventListener('exported', (e: any) => this.exportInk(e, this._textRef));
@@ -117,9 +118,9 @@ export class InkTranscription extends React.Component {
 
         const times: number[] = [];
         validInks
-            .filter(i => Cast(i[Doc.LayoutFieldKey(i)], InkField))
+            .filter(i => Cast(i[Doc.LayoutDataKey(i)], InkField))
             .forEach(i => {
-                const d = Cast(i[Doc.LayoutFieldKey(i)], InkField, null);
+                const d = Cast(i[Doc.LayoutDataKey(i)], InkField, null);
                 const inkStroke = DocumentView.getDocumentView(i)?.ComponentView as InkingStroke;
                 strokes.push(d.inkData.map(pd => inkStroke.ptToScreen({ X: pd.X, Y: pd.Y })));
                 times.push(DateCast(i.author_date).getDate().getTime());
@@ -381,7 +382,7 @@ export class InkTranscription extends React.Component {
 
     render() {
         return (
-            <div className="ink-transcription">
+            <div className="ink-transcription" style={{ pointerEvents: 'none' }}>
                 <div className="math-editor" ref={this.setMathRef}></div>
                 <div className="text-editor" ref={this.setTextRef}></div>
             </div>