@nextcloud/vue 9.11.0 → 9.12.0

package/dist/chunks/NcProfileHoverCard.mjs

@@ -1,5 +1,5 @@
 import '../assets/NcProfileHoverCard.css';
-import { openBlock, createElementBlock, mergeProps, createElementVNode, toDisplayString, createCommentVNode, defineComponent, ref, computed, watch, onMounted, unref, createVNode, Fragment, createBlock, withCtx, createSlots, createTextVNode, normalizeClass, renderList, resolveDynamicComponent } from "vue";
+import { openBlock, createElementBlock, mergeProps, createElementVNode, toDisplayString, createCommentVNode, defineComponent, ref, computed, watch, onMounted, unref, normalizeClass, createVNode, Fragment, createBlock, withCtx, resolveDynamicComponent, createSlots, createTextVNode, renderList } from "vue";
 import { getCurrentUser } from "@nextcloud/auth";
 import axios from "@nextcloud/axios";
 import { getCapabilities } from "@nextcloud/capabilities";
@@ -12,56 +12,12 @@ import { N as NcActionRouter } from "./NcActionRouter.mjs";
 import { N as NcActions } from "./NcActions.mjs";
 import { N as NcAvatar } from "./NcAvatar.mjs";
 import { N as NcButton } from "./NcButton.mjs";
-import { N as NcEmptyContent } from "./NcEmptyContent.mjs";
 import { N as NcLoadingIcon } from "./NcLoadingIcon.mjs";
 import { N as NcRichText } from "./NcRichText.mjs";
 import { useIsSmallMobile } from "../composables/useIsMobile/index.mjs";
-import { r as register, Q as t1, a as t } from "./_l10n.mjs";
+import { r as register, R as t25, a as t } from "./_l10n.mjs";
 import { l as logger } from "./logger.mjs";
 import { N as NcIconSvgWrapper } from "./NcIconSvgWrapper.mjs";
-const _sfc_main$5 = {
-  name: "AccountOutlineIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-const _hoisted_1$5 = ["aria-hidden", "aria-label"];
-const _hoisted_2$5 = ["fill", "width", "height"];
-const _hoisted_3$5 = { d: "M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6M12,13C14.67,13 20,14.33 20,17V20H4V17C4,14.33 9.33,13 12,13M12,14.9C9.03,14.9 5.9,16.36 5.9,17V18.1H18.1V17C18.1,16.36 14.97,14.9 12,14.9Z" };
-const _hoisted_4$5 = { key: 0 };
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, {
-    "aria-hidden": $props.title ? null : "true",
-    "aria-label": $props.title,
-    class: "material-design-icon account-outline-icon",
-    role: "img",
-    onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
-  }), [
-    (openBlock(), createElementBlock("svg", {
-      fill: $props.fillColor,
-      class: "material-design-icon__svg",
-      width: $props.size,
-      height: $props.size,
-      viewBox: "0 0 24 24"
-    }, [
-      createElementVNode("path", _hoisted_3$5, [
-        $props.title ? (openBlock(), createElementBlock("title", _hoisted_4$5, toDisplayString($props.title), 1)) : createCommentVNode("", true)
-      ])
-    ], 8, _hoisted_2$5))
-  ], 16, _hoisted_1$5);
-}
-const AccountIcon = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$4]]);
 const _sfc_main$4 = {
   name: "BriefcaseOutlineIcon",
   emits: ["click"],
@@ -234,7 +190,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   ], 16, _hoisted_1$1);
 }
 const PencilIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
-register(t1);
+register(t25);
 /*!
  * SPDX-FileCopyrightText: 2026 Nextcloud GmbH and Nextcloud contributors
  * SPDX-License-Identifier: AGPL-3.0-or-later
@@ -295,63 +251,65 @@ const _hoisted_5 = {
 };
 const _hoisted_6 = { class: "profile-hover-card__header__container__identity" };
 const _hoisted_7 = { class: "profile-hover-card__header__container__displayname" };
-const _hoisted_8 = {
-  key: 0,
+const _hoisted_8 = ["href"];
+const _hoisted_9 = { key: 1 };
+const _hoisted_10 = {
+  key: 2,
   class: "profile-hover-card__header__container__pronoun-separator"
 };
-const _hoisted_9 = {
-  key: 1,
+const _hoisted_11 = {
+  key: 3,
   class: "profile-hover-card__header__container__pronouns"
 };
-const _hoisted_10 = {
+const _hoisted_12 = {
   key: 0,
   class: "profile-hover-card__header__container__status"
 };
-const _hoisted_11 = { class: "profile-hover-card__header__container__status-content" };
-const _hoisted_12 = { class: "profile-hover-card__body" };
-const _hoisted_13 = { class: "profile-hover-card__content" };
-const _hoisted_14 = { class: "profile-hover-card__sidebar" };
-const _hoisted_15 = { class: "user-actions" };
-const _hoisted_16 = {
+const _hoisted_13 = { class: "profile-hover-card__header__container__status-content" };
+const _hoisted_14 = { class: "profile-hover-card__body" };
+const _hoisted_15 = { class: "profile-hover-card__content" };
+const _hoisted_16 = { class: "profile-hover-card__sidebar" };
+const _hoisted_17 = { class: "user-actions" };
+const _hoisted_18 = {
   key: 0,
   class: "user-actions__loading"
 };
-const _hoisted_17 = ["src"];
-const _hoisted_18 = ["src"];
-const _hoisted_19 = { class: "profile-hover-card__blocks" };
-const _hoisted_20 = {
+const _hoisted_19 = ["src"];
+const _hoisted_20 = ["src"];
+const _hoisted_21 = {
+  key: 0,
+  class: "profile-hover-card__blocks"
+};
+const _hoisted_22 = {
   key: 0,
   class: "profile-hover-card__blocks-details"
 };
-const _hoisted_21 = {
+const _hoisted_23 = {
   key: 0,
   class: "detail"
 };
-const _hoisted_22 = { key: 0 };
-const _hoisted_23 = {
+const _hoisted_24 = { key: 0 };
+const _hoisted_25 = {
   key: 1,
   class: "detail"
 };
-const _hoisted_24 = {
+const _hoisted_26 = {
   key: 2,
   class: "detail"
 };
-const _hoisted_25 = {
+const _hoisted_27 = {
   key: 0,
   class: "profile-hover-card__blocks-headline"
 };
-const _hoisted_26 = {
+const _hoisted_28 = {
   key: 1,
   class: "profile-hover-card__blocks-biography"
 };
-const _hoisted_27 = {
-  key: 2,
-  class: "profile-hover-card__error"
-};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NcProfileHoverCard",
   props: {
     user: { default: null },
+    displayName: { default: null },
     profile: { default: null },
     preloadedUserStatus: { default: null },
     open: { type: Boolean, default: false },
@@ -364,17 +322,62 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const error = ref(false);
     const profileData = ref(props.profile);
     const userStatus = ref(props.preloadedUserStatus ?? {});
+    const profileEnabled = ref(!!props.profile);
+    const userStatusReady = ref(props.preloadedUserStatus !== null);
     const isMobile = useIsSmallMobile();
+    const showLoading = computed(() => loading.value || !!profileData.value && !error.value && !userStatusReady.value);
     if (props.user && props.profile) {
       setCachedProfile(props.user, props.profile);
     }
     const isCurrentUser = computed(() => !!props.user && getCurrentUser()?.uid === props.user);
     const settingsUrl = generateUrl("/settings/user");
+    const profileUrl = computed(() => {
+      if (!profileEnabled.value) {
+        return null;
+      }
+      const userId = profileData.value?.userId || props.user;
+      if (!userId) {
+        return null;
+      }
+      return generateUrl("/u/{userId}", { userId });
+    });
+    const resolvedDisplayName = computed(() => profileData.value?.displayname || props.displayName || profileData.value?.userId || props.user || "");
+    const profileLinkProps = computed(() => {
+      if (!profileUrl.value) {
+        return {};
+      }
+      return {
+        href: profileUrl.value,
+        "aria-label": t("View profile")
+      };
+    });
+    function isSidebarAction(action) {
+      return action.appId !== "timezone" && action.appId !== "profile" && action.id !== "profile";
+    }
+    function actionDisplayText(action) {
+      if (isCurrentUser.value) {
+        return action.text;
+      }
+      if (action.id === "talk-call" || isSpreedDirectCallAction(action)) {
+        return t("Start call");
+      }
+      if (action.id === "talk" || action.appId === "spreed") {
+        return t("Send message");
+      }
+      return action.text;
+    }
+    function isSpreedDirectCallAction(action) {
+      if (action.appId !== "spreed") {
+        return false;
+      }
+      const href = action.href ?? (typeof action.to === "string" ? action.to : "");
+      return typeof href === "string" && href.includes("#direct-call");
+    }
     const resolvedActions = computed(() => {
       if (props.actions && props.actions.length > 0) {
-        return props.actions.filter((action) => action.appId !== "timezone");
+        return props.actions.filter(isSidebarAction);
       }
-      return (profileData.value?.actions ?? []).filter((action) => action.appId !== "timezone").map((action) => ({
+      return (profileData.value?.actions ?? []).filter(isSidebarAction).map((action) => ({
         id: action.id,
         appId: action.appId,
         text: action.title,
@@ -410,13 +413,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return {};
     });
-    const emptyProfileMessage = computed(() => {
-      if (isCurrentUser.value) {
-        return t("You have not added any info yet");
-      }
-      const name = profileData.value?.displayname || props.user || "";
-      return t("{user} has not added any info yet", { user: name });
-    });
     const avatarUserStatus = computed(() => ({
       status: userStatus.value.status ?? null,
       icon: userStatus.value.icon ?? null,
@@ -473,6 +469,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(() => props.profile, (value) => {
       if (value) {
         profileData.value = value;
+        profileEnabled.value = true;
         if (props.user) {
           setCachedProfile(props.user, value);
         }
@@ -482,11 +479,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(() => props.preloadedUserStatus, (value) => {
       if (value) {
         userStatus.value = value;
+        userStatusReady.value = true;
+      }
+    });
+    watch(() => props.displayName, (value) => {
+      if (value && profileData.value && !profileEnabled.value) {
+        profileData.value = { ...profileData.value, displayname: value };
       }
     });
     watch(() => props.user, () => {
       profileData.value = props.profile;
       userStatus.value = props.preloadedUserStatus ?? {};
+      userStatusReady.value = props.preloadedUserStatus !== null;
+      profileEnabled.value = !!props.profile;
       error.value = false;
       if (props.user && props.profile) {
         setCachedProfile(props.user, props.profile);
@@ -505,12 +510,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         loadProfile();
       }
     });
-    function hasPreloadedUserStatus() {
-      return props.preloadedUserStatus !== null || !!(userStatus.value.icon || userStatus.value.message || userStatus.value.status);
+    async function resolveDisplayName(userId) {
+      if (props.displayName) {
+        return props.displayName;
+      }
+      try {
+        const { data } = await axios.post(generateUrl("/displaynames"), { users: [userId] });
+        return data?.users?.[userId] || userId;
+      } catch (e) {
+        logger.debug("Failed to load display name for hovercard", { error: e, userId });
+        return userId;
+      }
+    }
+    async function createLimitedProfile(userId) {
+      return {
+        userId,
+        displayname: await resolveDisplayName(userId),
+        actions: [],
+        isUserAvatarVisible: true
+      };
     }
     async function ensureUserStatus(userId) {
-      if (!hasPreloadedUserStatus()) {
+      if (!userStatusReady.value) {
         userStatus.value = await fetchUserStatus(userId);
+        userStatusReady.value = true;
       }
     }
     async function loadProfile() {
@@ -522,30 +545,43 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const cached = getCachedProfile(userId);
         if (cached) {
           profileData.value = cached;
+          profileEnabled.value = true;
         }
       }
-      if (profileData.value) {
-        await ensureUserStatus(userId);
+      if (profileData.value && profileEnabled.value) {
+        if (!userStatusReady.value) {
+          loading.value = true;
+          try {
+            await ensureUserStatus(userId);
+          } finally {
+            loading.value = false;
+          }
+        }
         return;
       }
       loading.value = true;
       error.value = false;
+      const statusPromise = userStatusReady.value ? Promise.resolve(userStatus.value) : fetchUserStatus(userId);
       try {
-        const [profile, status] = await Promise.all([
-          fetchProfileCached(userId, async () => {
-            const { data } = await axios.get(generateOcsUrl("/profile/{userId}", { userId }));
-            return data.ocs?.data ?? null;
-          }),
-          hasPreloadedUserStatus() ? Promise.resolve(userStatus.value) : fetchUserStatus(userId)
-        ]);
-        profileData.value = profile;
-        userStatus.value = status;
-        if (!profileData.value) {
-          error.value = true;
+        const profile = await fetchProfileCached(userId, async () => {
+          const { data } = await axios.get(generateOcsUrl("/profile/{userId}", { userId }));
+          return data.ocs?.data ?? null;
+        });
+        if (profile) {
+          profileData.value = profile;
+          profileEnabled.value = true;
+        } else {
+          profileData.value = await createLimitedProfile(userId);
+          profileEnabled.value = false;
         }
       } catch (e) {
-        logger.debug("Failed to load profile for hovercard", { error: e, user: userId });
-        error.value = true;
+        logger.debug("Failed to load profile for hovercard, showing limited info", { error: e, user: userId });
+        profileData.value = await createLimitedProfile(userId);
+        profileEnabled.value = false;
+      }
+      try {
+        userStatus.value = await statusPromise;
+        userStatusReady.value = true;
       } finally {
         loading.value = false;
       }
@@ -564,11 +600,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "profile-hover-card",
+        class: normalizeClass(["profile-hover-card", { "profile-hover-card--limited": !showLoading.value && !!profileData.value && !error.value && !profileEnabled.value }]),
         role: "dialog",
-        "aria-label": unref(t)("Profile of {user}", { user: profileData.value?.displayname || __props.user || "" })
+        "aria-label": unref(t)("Profile of {user}", { user: resolvedDisplayName.value })
       }, [
-        loading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        showLoading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
           createVNode(NcLoadingIcon, {
             size: 32,
             name: unref(t)("Loading profile")
@@ -590,45 +626,67 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _: 1
             }, 8, ["aria-label", "title", "href"])) : createCommentVNode("", true),
             createElementVNode("div", _hoisted_4, [
-              unref(isMobile) ? (openBlock(), createBlock(NcAvatar, {
+              unref(isMobile) ? (openBlock(), createBlock(resolveDynamicComponent(profileUrl.value ? "a" : "div"), mergeProps({
                 key: 0,
-                class: "avatar profile-hover-card__header__container__avatar",
-                user: profileData.value.userId,
-                size: 96,
-                disableMenu: "",
-                disableTooltip: "",
-                preloadedUserStatus: avatarUserStatus.value,
-                isNoUser: !profileData.value.isUserAvatarVisible
-              }, null, 8, ["user", "preloadedUserStatus", "isNoUser"])) : (openBlock(), createElementBlock("div", _hoisted_5)),
+                class: ["profile-hover-card__header__container__avatar", { "profile-hover-card__profile-link": !!profileUrl.value }]
+              }, profileLinkProps.value), {
+                default: withCtx(() => [
+                  createVNode(NcAvatar, {
+                    class: "avatar",
+                    user: profileData.value.userId,
+                    displayName: resolvedDisplayName.value,
+                    size: 96,
+                    disableMenu: "",
+                    disableTooltip: "",
+                    preloadedUserStatus: avatarUserStatus.value,
+                    isNoUser: !profileData.value.isUserAvatarVisible
+                  }, null, 8, ["user", "displayName", "preloadedUserStatus", "isNoUser"])
+                ]),
+                _: 1
+              }, 16, ["class"])) : (openBlock(), createElementBlock("div", _hoisted_5)),
               createElementVNode("div", _hoisted_6, [
                 createElementVNode("div", _hoisted_7, [
-                  createElementVNode("h2", null, toDisplayString(profileData.value.displayname || profileData.value.userId), 1),
-                  profileData.value.pronouns ? (openBlock(), createElementBlock("span", _hoisted_8, "·")) : createCommentVNode("", true),
-                  profileData.value.pronouns ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(profileData.value.pronouns), 1)) : createCommentVNode("", true)
+                  profileUrl.value ? (openBlock(), createElementBlock("a", {
+                    key: 0,
+                    class: "profile-hover-card__profile-link",
+                    href: profileUrl.value
+                  }, [
+                    createElementVNode("h2", null, toDisplayString(resolvedDisplayName.value), 1)
+                  ], 8, _hoisted_8)) : (openBlock(), createElementBlock("h2", _hoisted_9, toDisplayString(resolvedDisplayName.value), 1)),
+                  profileData.value.pronouns ? (openBlock(), createElementBlock("span", _hoisted_10, "·")) : createCommentVNode("", true),
+                  profileData.value.pronouns ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(profileData.value.pronouns), 1)) : createCommentVNode("", true)
                 ]),
-                userStatus.value.icon || userStatus.value.message ? (openBlock(), createElementBlock("div", _hoisted_10, [
-                  createElementVNode("span", _hoisted_11, [
+                userStatus.value.icon || userStatus.value.message ? (openBlock(), createElementBlock("div", _hoisted_12, [
+                  createElementVNode("span", _hoisted_13, [
                     createElementVNode("span", null, toDisplayString(userStatus.value.icon) + " " + toDisplayString(userStatus.value.message), 1)
                   ])
                 ])) : createCommentVNode("", true)
               ])
             ])
           ]),
-          createElementVNode("div", _hoisted_12, [
-            createElementVNode("div", _hoisted_13, [
-              createElementVNode("div", _hoisted_14, [
-                !unref(isMobile) ? (openBlock(), createBlock(NcAvatar, {
+          createElementVNode("div", _hoisted_14, [
+            createElementVNode("div", _hoisted_15, [
+              createElementVNode("div", _hoisted_16, [
+                !unref(isMobile) ? (openBlock(), createBlock(resolveDynamicComponent(profileUrl.value ? "a" : "div"), mergeProps({
                   key: 0,
-                  class: "avatar",
-                  user: profileData.value.userId,
-                  size: 135,
-                  disableMenu: "",
-                  disableTooltip: "",
-                  preloadedUserStatus: avatarUserStatus.value,
-                  isNoUser: !profileData.value.isUserAvatarVisible
-                }, null, 8, ["user", "preloadedUserStatus", "isNoUser"])) : createCommentVNode("", true),
-                createElementVNode("div", _hoisted_15, [
-                  __props.actionsLoading && resolvedActions.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_16, [
+                  class: { "profile-hover-card__profile-link": !!profileUrl.value }
+                }, profileLinkProps.value), {
+                  default: withCtx(() => [
+                    createVNode(NcAvatar, {
+                      class: "avatar",
+                      user: profileData.value.userId,
+                      displayName: resolvedDisplayName.value,
+                      size: 135,
+                      disableMenu: "",
+                      disableTooltip: "",
+                      preloadedUserStatus: avatarUserStatus.value,
+                      isNoUser: !profileData.value.isUserAvatarVisible
+                    }, null, 8, ["user", "displayName", "preloadedUserStatus", "isNoUser"])
+                  ]),
+                  _: 1
+                }, 16, ["class"])) : createCommentVNode("", true),
+                createElementVNode("div", _hoisted_17, [
+                  __props.actionsLoading && resolvedActions.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_18, [
                     createVNode(NcLoadingIcon, {
                       size: 20,
                       name: unref(t)("Loading actions")
@@ -642,7 +700,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       onClick: primaryAction.value.onClick
                     }), createSlots({
                       default: withCtx(() => [
-                        createTextVNode(" " + toDisplayString(primaryAction.value.text), 1)
+                        createTextVNode(" " + toDisplayString(actionDisplayText(primaryAction.value)), 1)
                       ]),
                       _: 2
                     }, [
@@ -657,7 +715,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             src: primaryAction.value.icon,
                             alt: "",
                             class: "user-actions__primary__icon"
-                          }, null, 8, _hoisted_17)) : (openBlock(), createElementBlock("span", {
+                          }, null, 8, _hoisted_19)) : (openBlock(), createElementBlock("span", {
                             key: 2,
                             "aria-hidden": "true",
                             class: normalizeClass(["user-actions__primary__icon-class", primaryAction.value.icon])
@@ -677,7 +735,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             key: action.id || action.href || index
                           }, { ref_for: true }, otherActionProps(action)), createSlots({
                             default: withCtx(() => [
-                              createTextVNode(" " + toDisplayString(action.text), 1)
+                              createTextVNode(" " + toDisplayString(actionDisplayText(action)), 1)
                             ]),
                             _: 2
                           }, [
@@ -692,7 +750,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   src: action.icon,
                                   alt: "",
                                   class: "user-actions__other__icon"
-                                }, null, 8, _hoisted_18)) : (openBlock(), createElementBlock("span", {
+                                }, null, 8, _hoisted_20)) : (openBlock(), createElementBlock("span", {
                                   key: 2,
                                   "aria-hidden": "true",
                                   class: normalizeClass(["user-actions__other__icon-class", action.icon])
@@ -708,9 +766,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ], 64))
                 ])
               ]),
-              createElementVNode("div", _hoisted_19, [
-                profileData.value.organisation || profileData.value.role || profileData.value.address || localTimeLabel.value ? (openBlock(), createElementBlock("div", _hoisted_20, [
-                  profileData.value.organisation || profileData.value.role ? (openBlock(), createElementBlock("div", _hoisted_21, [
+              profileEnabled.value ? (openBlock(), createElementBlock("div", _hoisted_21, [
+                profileData.value.organisation || profileData.value.role || profileData.value.address || localTimeLabel.value ? (openBlock(), createElementBlock("div", _hoisted_22, [
+                  profileData.value.organisation || profileData.value.role ? (openBlock(), createElementBlock("div", _hoisted_23, [
                     createElementVNode("p", null, [
                       createVNode(BriefcaseIcon, {
                         class: "detail-icon",
@@ -718,11 +776,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         title: ""
                       }),
                       createTextVNode(" " + toDisplayString(profileData.value.organisation) + " ", 1),
-                      profileData.value.organisation && profileData.value.role ? (openBlock(), createElementBlock("span", _hoisted_22, "•")) : createCommentVNode("", true),
+                      profileData.value.organisation && profileData.value.role ? (openBlock(), createElementBlock("span", _hoisted_24, "•")) : createCommentVNode("", true),
                       createTextVNode(" " + toDisplayString(profileData.value.role), 1)
                     ])
                   ])) : createCommentVNode("", true),
-                  profileData.value.address ? (openBlock(), createElementBlock("div", _hoisted_23, [
+                  profileData.value.address ? (openBlock(), createElementBlock("div", _hoisted_25, [
                     createElementVNode("p", null, [
                       createVNode(MapMarkerIcon, {
                         class: "detail-icon",
@@ -732,7 +790,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createTextVNode(" " + toDisplayString(profileData.value.address), 1)
                     ])
                   ])) : createCommentVNode("", true),
-                  localTimeLabel.value ? (openBlock(), createElementBlock("div", _hoisted_24, [
+                  localTimeLabel.value ? (openBlock(), createElementBlock("div", _hoisted_26, [
                     createElementVNode("p", null, [
                       createVNode(ClockIcon, {
                         class: "detail-icon",
@@ -744,33 +802,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ])) : createCommentVNode("", true)
                 ])) : createCommentVNode("", true),
                 profileData.value.headline || profileData.value.biography ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  profileData.value.headline ? (openBlock(), createElementBlock("h3", _hoisted_25, toDisplayString(profileData.value.headline), 1)) : createCommentVNode("", true),
-                  profileData.value.biography ? (openBlock(), createElementBlock("div", _hoisted_26, [
+                  profileData.value.headline ? (openBlock(), createElementBlock("h3", _hoisted_27, toDisplayString(profileData.value.headline), 1)) : createCommentVNode("", true),
+                  profileData.value.biography ? (openBlock(), createElementBlock("div", _hoisted_28, [
                     createVNode(NcRichText, {
                       text: profileData.value.biography,
                       useExtendedMarkdown: ""
                     }, null, 8, ["text"])
                   ])) : createCommentVNode("", true)
-                ], 64)) : (openBlock(), createBlock(NcEmptyContent, {
-                  key: 2,
-                  class: "profile-hover-card__blocks-empty-info",
-                  name: emptyProfileMessage.value,
-                  description: unref(t)("The headline and about sections will show up here")
-                }, {
-                  icon: withCtx(() => [
-                    createVNode(AccountIcon, { size: 40 })
-                  ]),
-                  _: 1
-                }, 8, ["name", "description"]))
-              ])
+                ], 64)) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true)
             ])
           ])
-        ], 64)) : (openBlock(), createElementBlock("div", _hoisted_27, toDisplayString(unref(t)("Failed to load profile")), 1))
-      ], 8, _hoisted_1);
+        ], 64)) : createCommentVNode("", true)
+      ], 10, _hoisted_1);
     };
   }
 });
-const NcProfileHoverCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dc040af1"]]);
+const NcProfileHoverCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-592f6ec3"]]);
 export {
   NcProfileHoverCard as default
 };