diff --git a/addons/mail/static/src/components/media_preview/media_preview.js b/addons/mail/static/src/components/media_preview/media_preview.js
index 45be5fab473..e75bfef2147 100644
--- a/addons/mail/static/src/components/media_preview/media_preview.js
+++ b/addons/mail/static/src/components/media_preview/media_preview.js
@@ -5,7 +5,7 @@ import { registerMessagingComponent } from '@mail/utils/messaging_component';
 
 const { Component } = owl;
 
-export class MediaPreview extends Component {
+export class CallDemoView extends Component {
 
     /**
      * @override
@@ -17,16 +17,16 @@ export class MediaPreview extends Component {
     }
 
     /**
-     * @returns {MediaPreview}
+     * @returns {CallDemoView}
      */
-    get mediaPreview() {
+    get callDemoView() {
         return this.props.record;
     }
 }
 
-Object.assign(MediaPreview, {
+Object.assign(CallDemoView, {
     props: { record: Object },
-    template: 'mail.MediaPreview',
+    template: 'mail.CallDemoView',
 });
 
-registerMessagingComponent(MediaPreview);
+registerMessagingComponent(CallDemoView);
diff --git a/addons/mail/static/src/components/media_preview/media_preview.xml b/addons/mail/static/src/components/media_preview/media_preview.xml
index c1c57b0954b..644387abc76 100644
--- a/addons/mail/static/src/components/media_preview/media_preview.xml
+++ b/addons/mail/static/src/components/media_preview/media_preview.xml
@@ -1,23 +1,23 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <templates xml:space="preserve">
 
-    <t t-name="mail.MediaPreview" owl="1">
-        <t t-if="mediaPreview">
-            <div class="o_MediaPreview position-relative d-flex justify-content-center" t-attf-class="{{ className }}" t-ref="root">
-                <video class="o_MediaPreview_videoDisplay shadow rounded bg-dark" height="480" width="640" autoplay="" t-ref="video"/>
-                <p t-if="mediaPreview.doesBrowserSupportMediaDevices and !mediaPreview.isVideoEnabled" class="o_MediaPreview_mediaDevicesStatus position-absolute text-light">
+    <t t-name="mail.CallDemoView" owl="1">
+        <t t-if="callDemoView">
+            <div class="o_CallDemoView position-relative d-flex justify-content-center" t-attf-class="{{ className }}" t-ref="root">
+                <video class="o_CallDemoView_videoDisplay shadow rounded bg-dark" height="480" width="640" autoplay="" t-ref="video"/>
+                <p t-if="callDemoView.doesBrowserSupportMediaDevices and !callDemoView.isVideoEnabled" class="o_CallDemoView_mediaDevicesStatus position-absolute text-light">
                     Camera is off
                 </p>
-                <p t-if="!mediaPreview.doesBrowserSupportMediaDevices" class="o_MediaPreview_mediaDevicesStatus text-light">
+                <p t-if="!callDemoView.doesBrowserSupportMediaDevices" class="o_CallDemoView_mediaDevicesStatus text-light">
                     Your browser does not support videoconference
                 </p>
-                <div class="o_MediaPreview_buttonsContainer">
-                    <button t-if="!mediaPreview.isMicrophoneEnabled" class="o_MediaPreview_enableMicrophoneButton o_MediaPreview_button btn btn-danger btn-lg rounded-circle p-0 m-3 fa fa-microphone-slash" t-on-click="mediaPreview.onClickEnableMicrophoneButton"/>
-                    <button t-if="mediaPreview.isMicrophoneEnabled" class="o_MediaPreview_disableMicrophoneButton o_MediaPreview_button btn btn-dark btn-lg p-0 m-3 rounded-circle border-light fa fa-microphone" t-on-click="mediaPreview.onClickDisableMicrophoneButton"/>
-                    <button t-if="!mediaPreview.isVideoEnabled" class="o_MediaPreview_enableVideoButton o_MediaPreview_button btn btn-danger btn-lg p-0 m-3 rounded-circle fa fa-eye-slash" t-on-click="mediaPreview.onClickEnableVideoButton"/>
-                    <button t-if="mediaPreview.isVideoEnabled" class="o_MediaPreview_disableVideoButton o_MediaPreview_button btn btn-dark btn-lg p-0 m-3 rounded-circle border-light fa fa-video-camera" t-on-click="mediaPreview.onClickDisableVideoButton"/>
+                <div class="o_CallDemoView_buttonsContainer">
+                    <button t-if="!callDemoView.isMicrophoneEnabled" class="o_CallDemoView_enableMicrophoneButton o_CallDemoView_button btn btn-danger btn-lg rounded-circle p-0 m-3 fa fa-microphone-slash" t-on-click="callDemoView.onClickEnableMicrophoneButton"/>
+                    <button t-if="callDemoView.isMicrophoneEnabled" class="o_CallDemoView_disableMicrophoneButton o_CallDemoView_button btn btn-dark btn-lg p-0 m-3 rounded-circle border-light fa fa-microphone" t-on-click="callDemoView.onClickDisableMicrophoneButton"/>
+                    <button t-if="!callDemoView.isVideoEnabled" class="o_CallDemoView_enableVideoButton o_CallDemoView_button btn btn-danger btn-lg p-0 m-3 rounded-circle fa fa-eye-slash" t-on-click="callDemoView.onClickEnableVideoButton"/>
+                    <button t-if="callDemoView.isVideoEnabled" class="o_CallDemoView_disableVideoButton o_CallDemoView_button btn btn-dark btn-lg p-0 m-3 rounded-circle border-light fa fa-video-camera" t-on-click="callDemoView.onClickDisableVideoButton"/>
                 </div>
-                <audio class="o_MediaPreview_audioPlayer" autoplay="" t-ref="audio"/>
+                <audio class="o_CallDemoView_audioPlayer" autoplay="" t-ref="audio"/>
             </div>
         </t>
     </t>
diff --git a/addons/mail/static/src/components/welcome_view/welcome_view.xml b/addons/mail/static/src/components/welcome_view/welcome_view.xml
index bc316468de0..1ed58b9e23b 100644
--- a/addons/mail/static/src/components/welcome_view/welcome_view.xml
+++ b/addons/mail/static/src/components/welcome_view/welcome_view.xml
@@ -5,12 +5,12 @@
         <t t-if="welcomeView">
             <div class="o_WelcomeView h-100 d-flex flex-column justify-content-center align-items-center bg-light" t-attf-class="{{ className }}" t-ref="root">
                 <h1 class="font-weight-light">
-                    <span t-if="welcomeView.mediaPreview">You've been invited to a meeting!</span>
-                    <span t-if="!welcomeView.mediaPreview">You've been invited to a chat!</span>
+                    <span t-if="welcomeView.callDemoView">You've been invited to a meeting!</span>
+                    <span t-if="!welcomeView.callDemoView">You've been invited to a chat!</span>
                 </h1>
                 <h2 class="m-5" t-esc="messaging.companyName"/>
                 <div class="d-flex justify-content-center">
-                    <MediaPreview t-if="welcomeView.mediaPreview" className="'mr-5'" record="welcomeView.mediaPreview"/>
+                    <CallDemoView t-if="welcomeView.callDemoView" className="'mr-5'" record="welcomeView.callDemoView"/>
                     <div class="d-flex flex-column justify-content-center">
                         <t t-if="messaging.currentGuest">
                             <label class="o_WelcomeView_guestNameInputLabel text-center fs-4" t-att-for="welcomeView.guestNameInputUniqueId">What's your name?</label>
diff --git a/addons/mail/static/src/models/discuss_public_view.js b/addons/mail/static/src/models/discuss_public_view.js
index fc31ab7953c..7ec4120de17 100644
--- a/addons/mail/static/src/models/discuss_public_view.js
+++ b/addons/mail/static/src/models/discuss_public_view.js
@@ -44,9 +44,9 @@ registerModel({
                     pendingGuestName: this.messaging.currentGuest && this.messaging.currentGuest.name,
                 }),
             });
-            if (this.welcomeView.mediaPreview) {
-                this.welcomeView.mediaPreview.enableMicrophone();
-                this.welcomeView.mediaPreview.enableVideo();
+            if (this.welcomeView.callDemoView) {
+                this.welcomeView.callDemoView.enableMicrophone();
+                this.welcomeView.callDemoView.enableVideo();
             }
         },
     },
diff --git a/addons/mail/static/src/models/media_preview.js b/addons/mail/static/src/models/media_preview.js
index 58e53ee94b9..0dd100a2972 100644
--- a/addons/mail/static/src/models/media_preview.js
+++ b/addons/mail/static/src/models/media_preview.js
@@ -4,7 +4,7 @@ import { attr, one } from '@mail/model/model_field';
 import { registerModel } from '@mail/model/model_core';
 
 registerModel({
-    name: 'MediaPreview',
+    name: 'CallDemoView',
     identifyingFields: ['welcomeView'],
     recordMethods: {
         /**
@@ -174,7 +174,7 @@ registerModel({
          * States the welcome view containing this media preview.
          */
         welcomeView: one('WelcomeView', {
-            inverse: 'mediaPreview',
+            inverse: 'callDemoView',
             readonly: true,
         }),
     },
diff --git a/addons/mail/static/src/models/welcome_view.js b/addons/mail/static/src/models/welcome_view.js
index bf252103b1e..8ee9214e53f 100644
--- a/addons/mail/static/src/models/welcome_view.js
+++ b/addons/mail/static/src/models/welcome_view.js
@@ -93,7 +93,7 @@ registerModel({
          * @private
          * @returns {FieldCommand}
          */
-        _computeMediaPreview() {
+        _computeCallDemoView() {
             return (this.channel && this.channel.defaultDisplayMode === 'video_full_screen')
                 ? insertAndReplace()
                 : clear();
@@ -182,8 +182,8 @@ registerModel({
         /**
          * States the media preview embedded in this welcome view.
          */
-        mediaPreview: one('MediaPreview', {
-            compute: '_computeMediaPreview',
+        callDemoView: one('CallDemoView', {
+            compute: '_computeCallDemoView',
             inverse: 'welcomeView',
             isCausal: true,
             readonly: true,