@salesforcedevs/dx-components 1.2.2-avatar-button-6 → 1.2.2-avatar-button-8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.2.2-avatar-button-6",
+    "version": "1.2.2-avatar-button-8",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -18,6 +18,7 @@
         "coveo-search-ui": "^2.10082.5",
         "debounce": "^1.2.0",
         "js-cookie": "^3.0.1",
+        "lodash.defaults": "^4.2.0",
         "lodash.get": "^4.4.2",
         "lodash.kebabcase": "^4.1.1",
         "microtip": "0.2.2",
@@ -27,6 +28,7 @@
         "@types/classnames": "^2.2.10",
         "@types/debounce": "^1.2.0",
         "@types/js-cookie": "^3.0.2",
+        "@types/lodash.defaults": "^4.2.7",
         "@types/lodash.get": "^4.4.6",
         "@types/lodash.kebabcase": "^4.1.7",
         "@types/vimeo__player": "^2.16.2"

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

@@ -1,6 +1,7 @@
 import { api, LightningElement } from "lwc";
 import Cookies from 'js-cookie';
 import { track } from "dxUtils/analytics";
+import { defaults } from "lodash";
 
 // TODO: move to environment variable
 const TBID_BASE_URL = "https://dev1-trailblazer-identity.cs192.force.com";
@@ -307,20 +308,23 @@ export default class AvatarButton extends LightningElement {
             return;
         }
 
-        this.userInfo.avatarImgSrc = userInfo.photos?.thumbnail;
-        this.userInfo.firstName = userInfo.given_name;
-        this.userInfo.lastName = userInfo.family_name;
-        this.userInfo.username = userInfo.preferred_username;
-        this.userInfo.id = userInfo.user_id;
-        this.userInfo.orgId = userInfo.organization_id;
+        const nextUserInfo: Omit<UserInfo, 'fullName'> = {};
+        nextUserInfo.avatarImgSrc = userInfo.photos?.thumbnail;
+        nextUserInfo.firstName = userInfo.given_name;
+        nextUserInfo.lastName = userInfo.family_name;
+        nextUserInfo.username = userInfo.preferred_username;
+        nextUserInfo.id = userInfo.user_id;
+        nextUserInfo.orgId = userInfo.organization_id;
 
         if (userInfo.custom_attributes) {
-            this.userInfo.company = userInfo.custom_attributes.CompanyName;
-            this.userInfo.relationship =
+            nextUserInfo.company = userInfo.custom_attributes.CompanyName;
+            nextUserInfo.relationship =
                 userInfo.custom_attributes.RelationshipToSalesforce;
-            this.userInfo.role = userInfo.custom_attributes.Role;
+            nextUserInfo.role = userInfo.custom_attributes.Role;
         }
         // TODO: Consider displaying initials if no photo. Is there always a photo even if just a default one?
+
+        this.userInfo = defaults(nextUserInfo, this.userInfo);
     };
 
     private requestUserInfo = async () => {