@esri/solutions-components 5.0.4-next.3 → 5.0.5

package/dist/components/solution-user-avatar/customElement.js

@@ -1,122 +1,55 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import { c as customElement } from "../../chunks/runtime.js";
-import { LitElement } from "@arcgis/lumina";
-import { useContextConsumer } from "@arcgis/lumina/context";
-import { A as configContext, H as updateUrlToken } from "../../chunks/interfaces.js";
-import { restGetUser } from "@esri/solution-common";
-import { css, html } from "lit";
-const styles = css`/** @license
- * Copyright 2025 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/* Focus styles for tabbable text elements - only show on keyboard navigation */
-*[tabindex]:focus-visible {
-  outline: 2px solid var(--calcite-color-brand);
-  outline-offset: 2px;
-}
-
-.avatar-container {
-  align-items: center;
-  display: flex;
-  flex-direction: row;
-  padding-top: var(--calcite-spacing-lg);
-}
-
-.full-name {
-  margin-inline-start: 0px;
-  font-size: var(--calcite-font-size--1);
-  font-weight: var(--calcite-font-weight-medium);
-  color: var(--calcite-navigation-user-full-name-text-color, var(--calcite-color-text-1));
-}
-
-.text-container {
-  margin-block-start: .125rem;
-  display: flex;
-  flex-direction: column;
-  padding-inline: 1rem;
-  text-align: start;
-}
-
-.username {
-  font-size: var(--calcite-font-size--1);
-  color: var(--calcite-navigation-user-name-text-color, var(--calcite-color-text-2));
-}`;
-class SolutionUserAvatar extends LitElement {
+import { c as a } from "../../chunks/runtime.js";
+import { LitElement as n } from "@arcgis/lumina";
+import { useContextConsumer as o } from "@arcgis/lumina/context";
+import { A as l, H as s } from "../../chunks/interfaces.js";
+import { restGetUser as r } from "@esri/solution-common";
+import { css as u, html as c } from "lit";
+const m = u`*[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.avatar-container{align-items:center;display:flex;flex-direction:row;padding-top:var(--calcite-spacing-lg)}.full-name{margin-inline-start:0px;font-size:var(--calcite-font-size--1);font-weight:var(--calcite-font-weight-medium);color:var(--calcite-navigation-user-full-name-text-color, var(--calcite-color-text-1))}.text-container{margin-block-start:.125rem;display:flex;flex-direction:column;padding-inline:1rem;text-align:start}.username{font-size:var(--calcite-font-size--1);color:var(--calcite-navigation-user-name-text-color, var(--calcite-color-text-2))}`;
+class f extends n {
   constructor() {
-    super();
-    this.lookupProfile = false;
-    this.username = "";
-    this._configContextConsumer = useContextConsumer({
-      context: configContext,
-      subscribe: true
-    });
-    this.listenOn(window, "sessionRefreshed", (newToken) => {
-      this._updateThumbnailToken(newToken.detail);
+    super(), this.lookupProfile = !1, this.username = "", this._configContextConsumer = o({
+      context: l,
+      subscribe: !0
+    }), this.listenOn(window, "sessionRefreshed", (t) => {
+      this._updateThumbnailToken(t.detail);
     });
   }
   static {
-    this.properties = { fullname: 1, lookupProfile: [5, {}, { type: Boolean }], thumbnailUrl: 1, username: 1 };
+    this.properties = { fullname: 1, lookupProfile: 5, thumbnailUrl: 1, username: 1 };
   }
   static {
-    this.styles = styles;
+    this.styles = m;
   }
   loaded() {
-    if (this.lookupProfile) {
-      this._lookupOwnerProfile(this.username);
-    }
+    this.lookupProfile && this._lookupOwnerProfile(this.username);
   }
-  willUpdate(_changedProperties) {
-    if (_changedProperties.has("username") && this.lookupProfile) {
-      this._lookupOwnerProfile(this.username);
-    }
+  willUpdate(t) {
+    t.has("username") && this.lookupProfile && this._lookupOwnerProfile(this.username);
   }
   render() {
-    return html`<div class="avatar-container"><calcite-avatar scale=m .username=${this.username} .thumbnail=${this.thumbnailUrl ?? void 0} .fullName=${this.fullname ?? void 0}></calcite-avatar><div class="text-container"><span class="full-name" tabindex=0>${this.fullname ?? ""}</span><span class="username" tabindex=0>${this.username}</span></div></div>`;
+    return c`<div class="avatar-container"><calcite-avatar scale=m .username=${this.username} .thumbnail=${this.thumbnailUrl ?? void 0} .fullName=${this.fullname ?? void 0}></calcite-avatar><div class="text-container"><span class="full-name" tabindex=0>${this.fullname ?? ""}</span><span class="username" tabindex=0>${this.username}</span></div></div>`;
   }
-  async _lookupOwnerProfile(username) {
-    this.fullname = void 0;
-    this.thumbnailUrl = "";
-    if (this.lookupProfile && this._configContextConsumer.value) {
-      const { userSession } = this._configContextConsumer.value;
-      if (userSession) {
+  async _lookupOwnerProfile(t) {
+    if (this.fullname = void 0, this.thumbnailUrl = "", this.lookupProfile && this._configContextConsumer.value) {
+      const { userSession: i } = this._configContextConsumer.value;
+      if (i)
         try {
-          const ownerInfo = await restGetUser({
-            authentication: userSession,
-            username
+          const e = await r({
+            authentication: i,
+            username: t
           });
-          if (ownerInfo) {
-            if (ownerInfo.fullName) {
-              this.fullname = ownerInfo.fullName;
-            }
-            if (ownerInfo.thumbnail) {
-              this.thumbnailUrl = userSession.portal + "/community/users/" + ownerInfo.id + "/info/" + ownerInfo.thumbnail + "?token=" + userSession.token;
-            }
-          }
+          e && (e.fullName && (this.fullname = e.fullName), e.thumbnail && (this.thumbnailUrl = i.portal + "/community/users/" + e.id + "/info/" + e.thumbnail + "?token=" + i.token));
         } catch {
           console.log("user not found");
         }
-      }
     }
   }
-  _updateThumbnailToken(newToken) {
-    if (this.thumbnailUrl && this.thumbnailUrl !== "") {
-      this.thumbnailUrl = updateUrlToken(this.thumbnailUrl, newToken);
-    }
+  _updateThumbnailToken(t) {
+    this.thumbnailUrl && this.thumbnailUrl !== "" && (this.thumbnailUrl = s(this.thumbnailUrl, t));
   }
 }
-customElement("solution-user-avatar", SolutionUserAvatar);
+a("solution-user-avatar", f);
 export {
-  SolutionUserAvatar
+  f as SolutionUserAvatar
 };