From 7f6c6fa9cc1deb8a66d7ed99ee15719e3116866e Mon Sep 17 00:00:00 2001
From: Shi-Xun Huang <enricohuang@microsoft.com>
Date: Thu, 18 Dec 2025 18:51:25 -0800
Subject: [PATCH] Add VDI3 option

---
 Project/src/MakeCall/Login.js    | 12 ++++++++++++
 Project/src/MakeCall/MakeCall.js |  4 ++++
 2 files changed, 16 insertions(+)

diff --git a/Project/src/MakeCall/Login.js b/Project/src/MakeCall/Login.js
index 69dcacf..6b26b53 100644
--- a/Project/src/MakeCall/Login.js
+++ b/Project/src/MakeCall/Login.js
@@ -50,6 +50,7 @@ export default class Login extends React.Component {
             isTeamsUser: false,
             isEntraUser: false,
             isJoinOnlyToken: false,
+            enableVDI3: false,
             headsetEnhancement: false,
         }
     }
@@ -123,6 +124,7 @@ export default class Login extends React.Component {
                 customTurn: this.state.customTurn,
                 isTeamsUser: this.state.isTeamsUser,
                 isEntraUser: this.state.isEntraUser,
+                enableVDI3: this.state.enableVDI3,
                 headsetEnhancement: this.state.headsetEnhancement
             });
         }
@@ -214,6 +216,7 @@ export default class Login extends React.Component {
                     clientTag:this.clientTag,
                     proxy: this.state.proxy,
                     customTurn: this.state.customTurn,
+                    enableVDI3: this.state.enableVDI3,
                     headsetEnhancement: this.state.headsetEnhancement
                 });
                 this._callAgentInitPromise = new Promise((resolve) => { this._callAgentInitPromiseResolve = resolve });
@@ -708,6 +711,15 @@ const isSupportedEnvironment = this.environmentInfo.isSupportedEnvironment;
                                                         onChange={(e, isChecked) => this.setState({isJoinOnlyToken: isChecked})} />    
                                                     </div>
                                                 </div>
+                                                <div className="ms-Grid-row">
+                                                    <div className="ms-Grid-col">
+                                                    <Checkbox
+                                                        className='mt-3'
+                                                        label='Enable VDI3'
+                                                        checked={this.state.enableVDI3}
+                                                        onChange={(e, isChecked) => this.setState({enableVDI3: isChecked})} />
+                                                    </div>
+                                                </div>
                                                 <div className="ms-Grid-row">
                                                     <div className="ms-Grid-col">
                                                     <Checkbox 
diff --git a/Project/src/MakeCall/MakeCall.js b/Project/src/MakeCall/MakeCall.js
index cb09cfc..0276ff5 100644
--- a/Project/src/MakeCall/MakeCall.js
+++ b/Project/src/MakeCall/MakeCall.js
@@ -135,6 +135,7 @@ export default class MakeCall extends React.Component {
                 this.setState({ headsetEnhancement: userDetails.headsetEnhancement });
 
                 console.log("MakeCall::handleLogIn, headsetEnhancement: ", userDetails.headsetEnhancement);
+                console.log("MakeCall::handleLogIn, enableVDI3: ", userDetails.enableVDI3);
 
                 const proxyConfiguration = userDetails.proxy.useProxy ? { url: userDetails.proxy.url } : undefined;
                 const turnConfiguration = userDetails.customTurn.useCustomTurn ? userDetails.customTurn.turn : undefined;
@@ -151,6 +152,9 @@ export default class MakeCall extends React.Component {
                     },
                     audioOptions: {
                         headsetEnhancement: userDetails.headsetEnhancement
+                    },
+                    vdi3: {
+                        enabled: userDetails.enableVDI3
                     }
                 });