Insert only the MUC JID when clicking an auto-complete suggestion

src/plugins/muc-views/modals/add-muc.js

@@ -32,7 +32,6 @@ export default BootstrapModal.extend({
             placeholder = muc_domain ? `name@${muc_domain}` : __('name@conference.example.org');
         }
         return tpl_add_muc(Object.assign(this.model.toJSON(), {
-            '_converse': _converse,
             'label_room_address': api.settings.get('muc_domain') ? __('Groupchat name') :  __('Groupchat address'),
             'chatroom_placeholder': placeholder,
             'muc_roomid_policy_error_msg': this.muc_roomid_policy_error_msg,

src/plugins/muc-views/search.js

@@ -41,7 +41,13 @@ async function searchRooms (query) {
         return [];
     }
     const s = `result[xmlns="${Strophe.NS.MUCSEARCH}"] item`;
-    return sizzle(s, iq_result).map(i => `${i.querySelector('name')?.textContent} (${i.getAttribute('address')})`);
+    return sizzle(s, iq_result).map(i => {
+        const jid = i.getAttribute('address');
+        return {
+            'label': `${i.querySelector('name')?.textContent} (${jid})`,
+            'value': jid
+        }
+    });
 }
 
 export function getAutoCompleteList (query) {
@@ -50,4 +56,3 @@ export function getAutoCompleteList (query) {
     }
     return rooms_cache[query];
 }
-

src/plugins/muc-views/templates/add-muc.js

@@ -36,7 +36,7 @@ export default (o) => {
                             <label for="chatroom">${o.label_room_address}:</label>
                             ${ (o.muc_roomid_policy_error_msg) ? html`<label class="roomid-policy-error">${o.muc_roomid_policy_error_msg}</label>` : '' }
                             <converse-autocomplete
-                                .getAutoCompleteList="${getAutoCompleteList}"
+                                .getAutoCompleteList=${getAutoCompleteList}
                                 ?autofocus=${true}
                                 min_chars="3"
                                 position="below"

src/shared/autocomplete/autocomplete.js

@@ -59,7 +59,6 @@ export class AutoComplete {
     }
 
     bindEvents () {
-        // Bind events
         const input = {
             "blur": () => this.close({'reason': 'blur'})
         }