Rename `sendXMPPMessage` class to `chat-message-form`

src/plugins/chatview/message-form.js

@@ -198,7 +198,7 @@ export default class MessageForm extends CustomElement {
         let spoiler_hint,
             hint_el = {};
         if (this.model.get('composing_spoiler')) {
-            hint_el = /** @type {HTMLInputElement} */(this.querySelector('form.sendXMPPMessage input.spoiler-hint'));
+            hint_el = /** @type {HTMLInputElement} */(this.querySelector('form.chat-message-form input.spoiler-hint'));
             spoiler_hint = hint_el.value;
         }
         u.addClass('disabled', textarea);

src/plugins/chatview/styles/chat-bottom-panel.scss

@@ -11,7 +11,7 @@
                 height: calc(100% - (var(--chat-textarea-height) + var(--send-button-height) + 2 * var(--send-button-margin)));
             }
 
-            .sendXMPPMessage {
+            .chat-message-form {
                 -moz-background-clip: padding;
                 -webkit-background-clip: padding-box;
                 border-bottom-radius: var(--chatbox-border-radius);

src/plugins/chatview/styles/index.scss

@@ -177,7 +177,7 @@
                 font-size: var(--font-size-huge);
                 line-height: var(--line-height-huge);
             }
-            .sendXMPPMessage {
+            .chat-message-form {
                 ul {
                     width: 100%;
                 }

src/plugins/chatview/templates/message-form.js

@@ -21,7 +21,7 @@ export default (el) => {
     const message_value = /** @type {HTMLTextAreaElement} */(el.querySelector('.chat-textarea'))?.value;
 
     return html`
-        <form class="sendXMPPMessage" @submit=${(ev) => el.onFormSubmitted(ev)}>
+        <form class="chat-message-form" @submit=${(ev) => el.onFormSubmitted(ev)}>
             ${show_toolbar ? html`
                 <converse-chat-toolbar
                     class="btn-toolbar chat-toolbar no-text-select"

src/plugins/muc-views/styles/index.scss

@@ -131,7 +131,7 @@ converse-muc-destroyed {
                             font-size: 120%;
                         }
                     }
-                    .sendXMPPMessage {
+                    .chat-message-form {
                         .chat-textarea {
                             padding: 0.5em;
                             font-size: 110%;

src/plugins/muc-views/styles/muc-bottom-panel.scss

@@ -33,7 +33,7 @@
         }
 
         converse-muc-bottom-panel {
-            .sendXMPPMessage {
+            .chat-message-form {
                 .suggestion-box__results--above {
                     bottom: 4.5em;
                 }

src/plugins/muc-views/templates/message-form.js

@@ -23,7 +23,7 @@ export default (el) => {
         <form class="setNicknameButtonForm hidden">
             <input type="submit" class="btn btn-primary" name="join" value="Join"/>
         </form>
-        <form class="sendXMPPMessage" @submit=${(ev) => el.onFormSubmitted(ev)}>
+        <form class="chat-message-form" @submit=${(ev) => el.onFormSubmitted(ev)}>
             ${show_toolbar
                 ? html` <converse-chat-toolbar
                     class="btn-toolbar chat-toolbar no-text-select"

src/shared/chat/styles/emoji.scss

@@ -12,7 +12,7 @@
             vertical-align: -0.1em;
         }
 
-        .sendXMPPMessage {
+        .chat-message-form {
             .toggle-smiley {
                 a.toggle-smiley {
                     padding: 0;