[IMP] mass_mailing: stop using HtmlMailField

Author: abd-msyukyu-odoo

addons/mail/static/src/views/web/fields/html_mail_field/convert_inline.js

@@ -1256,7 +1256,7 @@ export function formatTables(element) {
  */
 export function getCSSRules(doc) {
     const cssRules = [];
-    for (const sheet of doc.styleSheets) {
+    for (const sheet of [...doc.styleSheets, ...doc.adoptedStyleSheets]) {
         // try...catch because browser may not able to enumerate rules for cross-domain sheets
         let rules;
         try {

addons/mass_mailing/static/src/fields/html_field/mass_mailing_html_field.js

@@ -1,7 +1,3 @@
-import {
-    HtmlMailField,
-    htmlMailField,
-} from "@mail/views/web/fields/html_mail_field/html_mail_field";
 import { registry } from "@web/core/registry";
 import { LocalOverlayContainer } from "@html_editor/local_overlay_container";
 import { MassMailingIframe } from "@mass_mailing/iframe/mass_mailing_iframe";
@@ -15,11 +11,12 @@ import { normalizeHTML, parseHTML } from "@html_editor/utils/html";
 import { Deferred, Race } from "@web/core/utils/concurrency";
 import { MAIN_PLUGINS as MAIN_EDITOR_PLUGINS } from "@html_editor/plugin_sets";
 import { DynamicPlaceholderPlugin } from "@html_editor/others/dynamic_placeholder_plugin";
+import { getCSSRules, toInline } from "@mail/views/web/fields/html_mail_field/convert_inline";
 
-export class MassMailingHtmlField extends HtmlMailField {
+export class MassMailingHtmlField extends HtmlField {
     static template = "mass_mailing.HtmlField";
     static components = {
-        ...HtmlMailField.components,
+        ...HtmlField.components,
         LocalOverlayContainer,
         MassMailingIframe,
         ThemeSelector,
@@ -265,9 +262,9 @@ export class MassMailingHtmlField extends HtmlMailField {
         const processingEl = this.iframeRef.el.contentDocument.createElement("DIV");
         processingEl.append(parseHTML(this.iframeRef.el.contentDocument, value));
         this.insertForInlineProcessing(processingEl);
-        const inlineValue = (
-            await HtmlMailField.getInlineHTML(processingEl, this.iframeRef.el.contentDocument)
-        ).innerHTML;
+        const cssRules = getCSSRules(this.iframeRef.el.contentDocument);
+        await toInline(processingEl, cssRules);
+        const inlineValue = processingEl.innerHTML;
         processingEl.remove();
         if (shouldRestoreDisplayNone) {
             this.iframeRef.el.classList.add("d-none");
@@ -283,7 +280,7 @@ export class MassMailingHtmlField extends HtmlMailField {
 }
 
 export const massMailingHtmlField = {
-    ...htmlMailField,
+    ...htmlField,
     component: MassMailingHtmlField,
     // TODO EGGMAIL decide which options we want in extractProps?
     extractProps({ attrs, options }) {