@salesforcedevs/dx-components 1.2.2-avatar-button-2 → 1.2.2-avatar-button-4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.2.2-avatar-button-2",
+    "version": "1.2.2-avatar-button-4",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {

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

@@ -73,8 +73,9 @@ export default class AvatarButton extends LightningElement {
     private isLoading = false;
     private settingsUrl = TBID_SETTINGS_URL;
     private profileUrl = TBID_PROFILE_URL;
-    private _didReceiveUserInfo = false;
     private eventSource?: EventSource;
+    private _hasRendered = false;
+    private _didReceiveUserInfo = false;
 
     private get loginUrl() {
         return `${TBID_API_LOGIN_URL}?startURL=${encodeURIComponent(
@@ -90,14 +91,31 @@ export default class AvatarButton extends LightningElement {
         const searchParams = new URLSearchParams(window.location.search);
 
         if (searchParams.get("loginSuccess") === "true") {
-            // clear the query param
             this.isLoading = true;
+            // clear the query param
             searchParams.delete("loginSuccess");
-            window.location.search = searchParams.toString();
+            window.history.replaceState(
+                null,
+                "",
+                `${window.location.pathname}${
+                    window.location.hash
+                }${searchParams.toString()}`
+            );
         }
 
         window.addEventListener("tbid-login", this.handleSsoLogin);
         window.addEventListener("tbid-logout", this.handleSsoLogout);
+    }
+
+    disconnectedCallback() {
+        window.removeEventListener("tbid-login", this.handleSsoLogin);
+        window.removeEventListener("tbid-logout", this.handleSsoLogout);
+    }
+
+    renderedCallback() {
+        if (this._hasRendered) {
+            return;
+        }
 
         const isWidgetDisabled = window.SFIDWidget?.disabled;
         const isWidgetLoggedIn = window.SFIDWidget?.openid_response;
@@ -122,6 +140,7 @@ export default class AvatarButton extends LightningElement {
         } else {
             if (this.isLoading) {
                 // This was a login.
+                console.log("Subscribing to platform events!");
                 this.platformEventsSubscribe();
                 // this.trackLogin(); TODO: track only clicks
             }
@@ -129,11 +148,6 @@ export default class AvatarButton extends LightningElement {
         }
     }
 
-    disconnectedCallback() {
-        window.removeEventListener("tbid-login", this.handleSsoLogin);
-        window.removeEventListener("tbid-logout", this.handleSsoLogout);
-    }
-
     private handleUserDataChange = ({ data }: EventSourceEvent) => {
         let parsedEventData: any;
 
@@ -192,6 +206,7 @@ export default class AvatarButton extends LightningElement {
     };
 
     private platformEventsSubscribe = () => {
+        console.log("platform events subscribe");
         this.teardownEventSource();
         this.setupEventSource();
     };