diff --git a/README.md b/README.md
index d7fd9b5..781788a 100644
--- a/README.md
+++ b/README.md
@@ -40,7 +40,7 @@ To get started, clone the repo:
    | userName                   | Required, a name for the user joining / starting the meeting / webinar. |
    | userEmail                   | Required for Webinar, optional for Meeting, required for meeting and webinar if [registration is required](https://support.zoom.us/hc/en-us/articles/360054446052-Managing-meeting-and-webinar-registration). The email of the user starting or joining the meeting / webinar. |
    | registrantToken            | Required if your [meeting](https://developers.zoom.us/docs/meeting-sdk/web/client-view/meetings/#join-meeting-with-registration-required) or [webinar](https://developers.zoom.us/docs/meeting-sdk/web/client-view/webinars/#join-webinar-with-registration-required) requires [registration](https://support.zoom.us/hc/en-us/articles/360054446052-Managing-meeting-and-webinar-registration). |
-   | zakToken            | Required to start meetings or webinars on external Zoom user's behalf, the [authorized Zoom user's ZAK token](https://developers.zoom.us/docs/meeting-sdk/auth/#start-meetings-and-webinars-with-a-zoom-users-zak-token). |
+   | zakToken            | Required to start meetings or webinars on external Zoom user's behalf, the [authorized Zoom user's ZAK token](https://developers.zoom.us/docs/meeting-sdk/auth/#start-meetings-and-webinars-with-a-zoom-users-zak-token). The ZAK can also be used to join as an [authenticated participant](https://support.zoom.com/hc/en/article?id=zm_kb&sysparm_article=KB0063837). |
    | leaveUrl                   | Required for Client View, the url the user is taken to once the meeting is over. |
 
    Example:
diff --git a/package-lock.json b/package-lock.json
index a0f1b32..e2cbdd8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "meetingsdk-angular-sample",
-  "version": "3.6.0",
+  "version": "3.7.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "meetingsdk-angular-sample",
-      "version": "3.6.0",
+      "version": "3.7.0",
       "dependencies": {
         "@angular/animations": "^16.2.10",
         "@angular/common": "^16.2.10",
@@ -16,7 +16,7 @@
         "@angular/platform-browser": "^16.2.10",
         "@angular/platform-browser-dynamic": "^16.2.10",
         "@angular/router": "^16.2.10",
-        "@zoom/meetingsdk": "^3.6.0",
+        "@zoom/meetingsdk": "^3.7.0",
         "rxjs": "^7.8.1",
         "tslib": "^2.6.2",
         "zone.js": "~0.13.0"
@@ -3800,9 +3800,9 @@
       "dev": true
     },
     "node_modules/@zoom/meetingsdk": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/@zoom/meetingsdk/-/meetingsdk-3.6.0.tgz",
-      "integrity": "sha512-AX3FmM+MJtwrn3bNCi6ZnTrDmvd3oZdINj+3YkJZ+uQo/HM6TUa4wreZ8UVUC6UTUaDU2rt3sGG0TOe6tKz0rQ==",
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/@zoom/meetingsdk/-/meetingsdk-3.7.0.tgz",
+      "integrity": "sha512-xJkdNHsf01toH8UlTL7f20hF2W2/DRZGpB0zrovEBsKNlScJlJelUDIA7CSBq2OTJ0t1aF+jZw7QQEfEULyfjw==",
       "dependencies": {
         "lodash": "^4.17.21",
         "react": "18.2.0",
diff --git a/package.json b/package.json
index bd4c788..bb61ddd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "meetingsdk-angular-sample",
-  "version": "3.6.0",
+  "version": "3.7.0",
   "author": "Zoom Video Communications, Inc.",
   "contributors": [
     {
@@ -25,7 +25,7 @@
     "@angular/platform-browser": "^16.2.10",
     "@angular/platform-browser-dynamic": "^16.2.10",
     "@angular/router": "^16.2.10",
-    "@zoom/meetingsdk": "^3.6.0",
+    "@zoom/meetingsdk": "^3.7.0",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.2",
     "zone.js": "~0.13.0"
diff --git a/src/app/app-new.component.ts b/src/app/app-new.component.ts
index bce0201..51f289d 100644
--- a/src/app/app-new.component.ts
+++ b/src/app/app-new.component.ts
@@ -52,7 +52,7 @@ export class AppComponent implements OnInit {
     let meetingSDKElement = document.getElementById('meetingSDKElement');
 
     this.ngZone.runOutsideAngular(() => {
-      this.client.init({zoomAppRoot: meetingSDKElement, language: 'en-US', patchJsMedia: true}).then(() => {
+      this.client.init({zoomAppRoot: meetingSDKElement, language: 'en-US', patchJsMedia: true, leaveOnPageUnload: true}).then(() => {
         this.client.join({
           signature: signature,
           sdkKey: this.sdkKey,
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 04f472d..3ab8cfb 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -57,6 +57,7 @@ export class AppComponent implements OnInit {
       ZoomMtg.init({
         leaveUrl: this.leaveUrl,
         patchJsMedia: true,
+        leaveOnPageUnload: true,
         success: (success) => {
           console.log(success)
           ZoomMtg.join({
diff --git a/src/assets/images/meetingsdk-web-client-view.gif b/src/assets/images/meetingsdk-web-client-view.gif
index a02cf9b..4a087c3 100644
Binary files a/src/assets/images/meetingsdk-web-client-view.gif and b/src/assets/images/meetingsdk-web-client-view.gif differ
diff --git a/src/assets/images/meetingsdk-web-component-view.gif b/src/assets/images/meetingsdk-web-component-view.gif
index 4a42f15..f8f6e4a 100644
Binary files a/src/assets/images/meetingsdk-web-component-view.gif and b/src/assets/images/meetingsdk-web-component-view.gif differ