diff --git a/SampleWeb/index.html b/SampleWeb/index.html
index d6e2691..e548dce 100644
--- a/SampleWeb/index.html
+++ b/SampleWeb/index.html
@@ -5,14 +5,14 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     <title>Help Lightning Call SDK</title>
-    
-    <!-- Load help lightning JS SDK -->
-    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-    <script src="https://helplightning.net/sdk/5.14.1/helplightning.min.js"></script>
-    <script src="https://helplightning.net/sdk/5.14.1/opentok-enterprise/opentok.min.js"></script>
-    <script src="https://helplightning.net/sdk/5.14.1/pdf_viewer/build/pdf.min.js"></script>
+    <!-- Required dependencies -->
+    <script src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
+    <script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
+    <script src="https://source.zoom.us/videosdk/zoom-video-2.2.10.min.js"></script>
+
+    <script src="./sdk/helplightning.umd.js"></script>
+    <link rel="stylesheet" href="./sdk/style.css">
 
-    <script src="./sample.js"></script>
     <script>
       const STATE_LOGIN = 0;
       const STATE_AUTHENTICATED = 1;
@@ -136,5 +136,6 @@ <h1>OR</h1>
         </div>
       </div>
     </div>
+    <script src="./sample.js"></script>
   </body>
 </html>
diff --git a/SampleWeb/sample.js b/SampleWeb/sample.js
index 403427d..eef52bb 100644
--- a/SampleWeb/sample.js
+++ b/SampleWeb/sample.js
@@ -78,7 +78,7 @@ function refresh(state) {
             }
         };
 
-        state.callClient.delegate = delegate;
+        state.callClient.setDelegate(delegate);
         // the third parameter is optional and can be left blank
         //  in which case, it will default to the US data center.
         // Current available data centers are: