@salesforcedevs/dx-components 0.55.3-alpha-3 → 0.55.3-alpha-4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "0.55.3-alpha-3",
+    "version": "0.55.3-alpha-4",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {

package/src/modules/dx/avatarButton/avatarButton.html

@@ -21,7 +21,9 @@
                         <a href="#" class="inline-link">Switch account</a>
                         &nbsp;&nbsp;|&nbsp;&nbsp;
                         -->
-                        <a href={logoutUrl} class="inline-link">Logout</a>
+                        <a href="#" onclick={handleLogout} class="inline-link">
+                            Logout
+                        </a>
                     </div>
                     <div class="login-section">
                         <span class="login-section-title">Trailblazer.me</span>

package/src/modules/dx/avatarButton/avatarButton.ts

@@ -6,6 +6,7 @@ const TBID_LOGIN_URL =
     "https://development.developer.salesforce.com/tbid/dologin";
 const TBID_LOGOUT_URL = `${TBID_BASE_URL}/services/auth/idp/oidc/logout`;
 const TBID_USERINFO_URL = `${TBID_BASE_URL}/services/oauth2/userinfo`;
+const TBID_REVOKE_URL = `${TBID_BASE_URL}/services/oauth2/revoke`;
 
 export interface UserInfo {
     avatarImgSrc?: string;
@@ -97,4 +98,31 @@ export default class AvatarButton extends LightningElement {
     // private refreshAccessToken(refreshToken);
 
     // private handleAuthFailure() {}
+    private async handleLogout() {
+        // TODO: Check for refresh token and invalidate.
+        if (!this._tbidAccessToken) {
+            return;
+        }
+
+        Cookie.remove("TBID");
+        Cookie.remove("TBID_REFRESH");
+
+        const formData = new FormData();
+        formData.append("token", this._tbidAccessToken);
+
+        this.isLoading = true;
+
+        // TODO/QUESTION: should this hit a different or additional URL?
+        await fetch(`${TBID_REVOKE_URL}`, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/x-www-form-urlencoded"
+            },
+            body: formData
+        });
+
+        this._tbidAccessToken = undefined;
+        this._didReceiveUserInfo = false;
+        this.isLoading = false;
+    }
 }