fix(intranet-header): update avatar url, used to load a users profile…

… picture form the intranet backend (#4117)

! The required input value has recently changed !
Due to the technical conversion of the intranet backend from Sitecore to
Sharepoint, the value required for the property to display a user image
has changed. Previously the user ID was required, now this property
expects the user-specific e-mail address.

.changeset/brave-beds-punch.md

@@ -0,0 +1,10 @@
+---
+'@swisspost/design-system-intranet-header': patch
+'@swisspost/design-system-documentation': patch
+'@swisspost/design-system-demo': patch
+---
+
+Updated the avatar url, used to load a users profile picture form the intranet backend.
+
+! The required input value has recently changed !
+Due to the technical conversion of the intranet backend from Sitecore to Sharepoint, the value required for the property to display a user image has changed. Previously the user ID was required, now this property expects the user-specific e-mail address.

packages/demo/src/app/intranet-layout/intranet-layout.component.html

@@ -152,13 +152,23 @@ <h3 class="bold mt-5" id="intranet-layout-options">Options</h3>
             <code>''</code>
           </td>
           <td>
-            The user ID of the currently logged on user.
+            The email address of the currently logged on user.
             <br />
             Used to show the users profile image.
             <br />
             The default value of
             <code>'user'</code>
             is used to show the fallback-image.
+
+            <div class="mt-3 alert alert-warning">
+              <div class="alert-heading">The required input value has recently changed</div>
+              <p>
+                Due to the technical conversion of the intranet backend from Sitecore to Sharepoint,
+                the value required for the property to display a user image has changed. Previously
+                the user ID was required, now this property expects the user-specific e-mail
+                address.
+              </p>
+            </div>
           </td>
         </tr>
         <tr>

packages/documentation/src/stories/components/intranet-header/intranet-header.stories.ts

@@ -30,8 +30,12 @@ const meta: MetaComponent = {
     currentUserId: {
       name: 'currentUserId',
       description:
-        "The ID of the currently logged-in user, used to display the user's profile picture." +
-        '<p class="alert alert-info alert-sm">By default, a fallback image is displayed.</p>',
+        "The email address of the currently logged on user, used to display the user's profile picture." +
+        '<p class="alert alert-info alert-sm">By default, a fallback image is displayed.</p>' +
+        '<div class="mt-3 alert alert-warning alert-sm">' +
+        '<div class="alert-heading">The required input value has recently changed</div>' +
+        '<p>Due to the technical conversion of the intranet backend from Sitecore to Sharepoint, the value required for the property to display a user image has changed. Previously the user ID was required, now this property expects the user-specific e-mail address.</p>' +
+        '</div>',
       control: 'text',
       table: {
         defaultValue: {

packages/intranet-header-workspace/projects/intranet-header/src/lib/swisspost-intranet-header.component.ts

@@ -336,7 +336,9 @@ export class SwissPostIntranetHeaderComponent implements OnInit, OnChanges, Afte
   private createSafeAvatarUrl(): SafeUrl {
     return this.currentUserId === ''
       ? userImage
-      : `https://web.post.ch/UserProfileImage/${encodeURIComponent(this.currentUserId)}.png`;
+      : `https://postchag.sharepoint.com/_layouts/15/userphoto.aspx?size=S&username=${encodeURIComponent(
+          this.currentUserId,
+        )}`;
   }
 
   private updateMoreElementText() {