fix: resolve html-to-draftjs CJS/ESM interop error with Vite 8

Refs: PT-2037

Author: Riippi

index.html

@@ -25,7 +25,7 @@
                 frame-src 'self' *.hel.fi *.hel.ninja *.youtube.com www.youtube-nocookie.com *.vimeo.com;
                 img-src 'self' data: *.hel.fi *.hel.ninja *.ytimg.com *.youtube.com *.vimeo.com *.vimeocdn.com *.blob.core.windows.net *.hkih.hion.dev;
                 font-src 'self' *.hel.fi *.hel.ninja;
-                connect-src 'self' localhost:* 127.0.0.1:* *.hel.fi *.hel.ninja *.hkih.hion.dev *.digiaiiris.com;
+                connect-src 'self' localhost:* 127.0.0.1:* *.hel.fi *.hel.ninja *.hkih.hion.dev *.digiaiiris.com *.sentry.io;
                 manifest-src 'self';
                 base-uri 'self';
                 form-action 'self';

src/common/components/textEditor/TextEditor.tsx

@@ -14,7 +14,7 @@ import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
 import classNames from 'classnames';
 import { ContentState, convertToRaw, EditorState } from 'draft-js';
 import draftToHtml from 'draftjs-to-html';
-import htmlToDraft from 'html-to-draftjs';
+import htmlToDraftImport from 'html-to-draftjs';
 import React from 'react';
 import { Editor, EditorState as EditorStateWysiwyg } from 'react-draft-wysiwyg';
 import { useTranslation } from 'react-i18next';
@@ -24,6 +24,13 @@ import styles from './textEditor.module.scss';
 import useIsMounted from '../../../hooks/useIsMounted';
 import InputWrapper, { InputWrapperProps } from '../inputWrapper/InputWrapper';
 
+// Vite 8 CJS/ESM interop: html-to-draftjs uses module.exports, unwrap .default if needed
+const htmlToDraft: typeof htmlToDraftImport =
+  typeof htmlToDraftImport === 'function'
+    ? htmlToDraftImport
+    : (htmlToDraftImport as unknown as { default: typeof htmlToDraftImport })
+        .default;
+
 const convertHtmlToEditorState = (html: string) => {
   const blocksFromHtml = htmlToDraft(html);
   const { contentBlocks, entityMap } = blocksFromHtml;