@box/user-selector 1.21.23

package/dist/esm/lib/user-selector-headless/components/user-selector-default-empty.js

@@ -0,0 +1,43 @@
+import { Text as l } from "@box/blueprint-web";
+import { AvatarPlusBadge as i } from "@box/blueprint-web-assets/icons/Line";
+import { useCallback as n } from "react";
+import { useIntl as p } from "react-intl";
+import a from "../../messages.js";
+import { useUserSelector as u } from "../user-selector-context.js";
+import { s as r } from "../../../../chunks/user-selector-headless.module.js";
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+const g = ({
+  handleInvite: e
+}) => {
+  const {
+    formatMessage: t
+  } = p(), {
+    value: o
+  } = u(), c = n(() => {
+    e == null || e(o);
+  }, [e, o]);
+  return /* @__PURE__ */ m("div", {
+    className: r.userSelectorEmptyContainer,
+    children: [/* @__PURE__ */ s("div", {
+      className: r.userSelectorEmptyText,
+      children: t(a.emptyMessage)
+    }), e && /* @__PURE__ */ m("button", {
+      className: r.userSelectorInviteRow,
+      onClick: c,
+      tabIndex: 0,
+      type: "button",
+      children: [/* @__PURE__ */ s("span", {
+        className: r.userSelectorInviteButtonIcon,
+        children: /* @__PURE__ */ s(i, {})
+      }), /* @__PURE__ */ s(l, {
+        as: "span",
+        className: r.userName,
+        variant: "bodyDefault",
+        children: t(a.inviteCollaborators)
+      })]
+    })]
+  });
+};
+export {
+  g as UserSelectorDefaultEmpty
+};

package/dist/esm/lib/user-selector-headless/components/user-selector-default-error.js

@@ -0,0 +1,20 @@
+import { InlineNotice as t } from "@box/blueprint-web";
+import { useIntl as s, FormattedMessage as a } from "react-intl";
+import r from "../../messages.js";
+import { jsx as e } from "react/jsx-runtime";
+const l = () => {
+  const {
+    formatMessage: o
+  } = s();
+  return /* @__PURE__ */ e(t, {
+    title: o(r.errorMessage),
+    variant: "error",
+    variantIconAriaLabel: "error",
+    children: /* @__PURE__ */ e(a, {
+      ...r.errorMessageDescription
+    })
+  });
+};
+export {
+  l as UserSelectorDefaultError
+};

package/dist/esm/lib/user-selector-headless/components/user-selector-skeleton.js

@@ -0,0 +1,27 @@
+import { Ghost as t } from "@box/blueprint-web";
+import { Size8 as r, Size5 as a } from "@box/blueprint-web-assets/tokens/tokens";
+import { s as i } from "../../../../chunks/user-selector-headless.module.js";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+const S = ({
+  loadingAriaLabel: o
+}) => /* @__PURE__ */ e("div", {
+  "aria-label": o,
+  children: Array.from({
+    length: 4
+  }, (h, s) => /* @__PURE__ */ l("div", {
+    className: i.userSelectorGhostStateItem,
+    children: [/* @__PURE__ */ e(t, {
+      className: i.titleGhost,
+      height: r,
+      variant: "rectangle",
+      width: r
+    }), /* @__PURE__ */ e(t, {
+      height: a,
+      variant: "rectangle",
+      width: "100%"
+    })]
+  }, s))
+});
+export {
+  S as UserSelectorSkeleton
+};

package/dist/esm/lib/user-selector-headless/hooks/use-avatars.js

@@ -0,0 +1,22 @@
+import { useState as u, useCallback as l, useEffect as v } from "react";
+const o = ({
+  fetchAvatarUrls: s,
+  options: a
+}) => {
+  const [e, t] = u({}), r = l(async (c) => {
+    try {
+      const n = await s(c);
+      t(n);
+    } catch {
+      t({});
+    }
+  }, [s, t]);
+  return v(() => {
+    a.length > 0 && r(a);
+  }, [a, r]), {
+    avatars: e
+  };
+};
+export {
+  o as useAvatars
+};

package/dist/esm/lib/user-selector-headless/hooks/use-keyboard-navigation.js

@@ -0,0 +1,27 @@
+import { useCallback as t } from "react";
+const n = ({
+  isLoading: a,
+  error: e,
+  isEmpty: u,
+  open: b,
+  selectNext: f,
+  selectPrevious: k,
+  selectItem: o
+}) => t((r) => {
+  if (!(!b || a || e || u))
+    switch (r.key) {
+      case "ArrowDown":
+        r.preventDefault(), f();
+        break;
+      case "ArrowUp":
+        r.preventDefault(), k();
+        break;
+      case "Enter":
+      case " ":
+        r.preventDefault(), o();
+        break;
+    }
+}, [e, u, a, b, f, k, o]);
+export {
+  n as useKeyboardNavigation
+};

package/dist/esm/lib/user-selector-headless/hooks/use-select-options.js

@@ -0,0 +1,28 @@
+import d from "lodash/debounce";
+import { useState as e, useCallback as y, useMemo as E, useEffect as b } from "react";
+const S = ({
+  fetcher: r,
+  value: n,
+  debounceTime: a = 250,
+  allowEmptyQuery: f = !1
+}) => {
+  const [u, o] = e(!1), [m, c] = e(!1), [g, l] = e(null), [h, i] = e([]), p = y(async (O) => {
+    try {
+      const s = await r(O);
+      c((s == null ? void 0 : s.length) === 0), i(s);
+    } catch (s) {
+      l(s);
+    } finally {
+      o(!1);
+    }
+  }, [r]), t = E(() => d(p, a), [p, a]);
+  return b(() => (n.length || f ? (o(!0), l(null), c(!1), t(n)) : (t.cancel(), o(!1), i([]), l(null), c(!1)), () => t.cancel()), [n, t, f]), {
+    isLoading: u,
+    isEmpty: m,
+    error: g,
+    options: h
+  };
+};
+export {
+  S as useSelectOptions
+};

package/dist/esm/lib/user-selector-headless/user-selector-context.js

@@ -0,0 +1,11 @@
+import { createContext as t, useContext as r } from "react";
+const o = /* @__PURE__ */ t(null), n = () => {
+  const e = r(o);
+  if (!e)
+    throw new Error("useUserSelector must be used within a UserSelectorProvider");
+  return e;
+};
+export {
+  o as UserSelectorContext,
+  n as useUserSelector
+};

package/dist/esm/lib/user-selector-headless/user-selector-headless.js

@@ -0,0 +1,168 @@
+import { Popover as m } from "@box/blueprint-web";
+import { forwardRef as J, useState as Q, useId as W, useRef as X, useMemo as D, useCallback as i, useImperativeHandle as Y, useEffect as Z } from "react";
+import { UserSelectorContent as _ } from "./components/user-selector-content.js";
+import { useAvatars as F } from "./hooks/use-avatars.js";
+import { useKeyboardNavigation as U } from "./hooks/use-keyboard-navigation.js";
+import { useSelectOptions as E } from "./hooks/use-select-options.js";
+import { UserSelectorContext as tt } from "./user-selector-context.js";
+import { s as K } from "../../../chunks/user-selector-headless.module.js";
+import { jsx as f, jsxs as ot } from "react/jsx-runtime";
+const pt = /* @__PURE__ */ J(({
+  fetchUsers: g,
+  fetchAvatarUrls: w,
+  open: d,
+  value: y,
+  rootElement: M,
+  onSelectedUserChange: a,
+  inputElementRef: C,
+  focusOnOpen: A = !1,
+  renderError: P,
+  renderEmpty: R,
+  loadingAriaLabel: $,
+  ariaRoleDescription: H,
+  nativeFocusEnabled: c = !0,
+  allowEmptyQuery: L = !1,
+  onInvite: V,
+  popoverContentContainerProps: q
+}, S) => {
+  const [s, I] = Q(null), {
+    options: t,
+    isEmpty: N,
+    isLoading: b,
+    error: j
+  } = E({
+    fetcher: g,
+    value: y,
+    allowEmptyQuery: L
+  }), {
+    avatars: T
+  } = F({
+    fetchAvatarUrls: w,
+    options: t
+  }), p = W(), h = X(/* @__PURE__ */ new Map()), k = D(() => `listbox-${p}`, [p]), e = i((o) => `${p}-option-${o.id}`, [p]), n = i((o) => {
+    const r = h.current.get(o);
+    if (r) {
+      if (I(o), c) {
+        r.focus();
+        return;
+      }
+      r.scrollIntoView({
+        behavior: "smooth",
+        block: "nearest",
+        inline: "nearest"
+      });
+    }
+  }, [c]), l = D(() => t.findIndex((o) => e(o) === s), [s, e, t]), u = i(() => {
+    var o;
+    (o = C.current) == null || o.focus(), I(null);
+  }, [C]), x = i(() => {
+    if (s) {
+      const o = t.find((r) => e(r) === s);
+      o && a(o);
+    }
+  }, [a, s, e, t]), v = i(() => {
+    if (t.length === 0)
+      return;
+    if (l < t.length - 1) {
+      const r = e(t[l + 1]);
+      n(r);
+      return;
+    }
+    if (c) {
+      u();
+      return;
+    }
+    const o = e(t[0]);
+    n(o);
+  }, [l, n, e, t, c, u]), O = i(() => {
+    if (t.length === 0)
+      return;
+    if (l > 0) {
+      const r = e(t[l - 1]);
+      n(r);
+      return;
+    }
+    if (c) {
+      u();
+      return;
+    }
+    const o = e(t[t.length - 1]);
+    n(o);
+  }, [l, n, e, t, c, u]), z = U({
+    isLoading: b,
+    error: j,
+    isEmpty: N,
+    open: d,
+    selectNext: v,
+    selectPrevious: O,
+    selectItem: x
+  }), B = i((o, r) => {
+    n(r), a(o);
+  }, [n, a]);
+  Y(S, () => ({
+    focusFirstOption: () => {
+      t.length > 0 && n(e(t[0]));
+    },
+    focusLastOption: () => {
+      t.length > 0 && n(e(t[t.length - 1]));
+    },
+    selectNext: v,
+    selectPrevious: O,
+    selectItem: x
+  }), [n, e, t, v, O, x]), Z(() => {
+    t.length > 0 && A && n(e(t[0]));
+  }, [t, d, e, n, A]);
+  const G = {
+    fetchUsers: g,
+    fetchAvatarUrls: w,
+    onSelectedUserChange: a,
+    value: y,
+    avatars: T,
+    activeId: s,
+    setActiveId: I,
+    listboxId: k,
+    getOptionId: e
+  };
+  return /* @__PURE__ */ f(tt.Provider, {
+    value: G,
+    children: /* @__PURE__ */ ot(m.Root, {
+      modal: !1,
+      open: d,
+      children: [/* @__PURE__ */ f(m.Anchor, {
+        children: M
+      }), /* @__PURE__ */ f(m.ContentContainer, {
+        ...q,
+        align: "start",
+        className: K.popoverContainer,
+        onOpenAutoFocus: (o) => {
+          o.preventDefault();
+        },
+        children: /* @__PURE__ */ f(m.MainContent, {
+          "aria-activedescendant": s,
+          "aria-owns": Array.from(h.current.values()).map((o) => o.id).join(" "),
+          "aria-roledescription": H,
+          className: K.popoverContent,
+          id: k,
+          onKeyDown: z,
+          role: "listbox",
+          tabIndex: -1,
+          children: /* @__PURE__ */ f(_, {
+            error: j,
+            handleInvite: V,
+            handleOptionClick: B,
+            isEmpty: N,
+            isLoading: b,
+            loadingAriaLabel: $,
+            optionRefs: h,
+            options: t,
+            renderEmpty: R,
+            renderError: P
+          })
+        })
+      })]
+    })
+  });
+});
+export {
+  pt as UserSelectorHeadless
+};

package/dist/esm/lib/user-selector-list-item.js

@@ -0,0 +1,114 @@
+import { Text as f, Tooltip as N, Combobox as x } from "@box/blueprint-web";
+import { AvatarPlusBadge as b } from "@box/blueprint-web-assets/icons/Line";
+import m from "clsx";
+import q, { forwardRef as _ } from "react";
+import { useIntl as v } from "react-intl";
+import S from "./messages.js";
+import { isUserContactType as O } from "./utils/isUserContactType.js";
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
+import '../../styles/user-selector-list-item.css';const U = "_userSelectorListItemBase_1m2q6_1", A = "_userSelectorListItem_1m2q6_1", g = "_listItemAvatar_1m2q6_18", E = "_userInfo_1m2q6_21", T = "_title_1m2q6_28", y = "_userName_1m2q6_34", B = "_userEmail_1m2q6_35", C = "_userSelectorListItemInviteIcon_1m2q6_43", i = {
+  userSelectorListItemBase: U,
+  userSelectorListItem: A,
+  listItemAvatar: g,
+  userInfo: E,
+  title: T,
+  userName: y,
+  userEmail: B,
+  userSelectorListItemInviteIcon: C
+}, j = /* @__PURE__ */ _(({
+  renderAvatar: l,
+  title: t,
+  subtitle: r,
+  onClick: o,
+  className: e,
+  id: n,
+  selected: u,
+  isCollaborator: a = !0,
+  ...c
+}, I) => {
+  const L = /* @__PURE__ */ q.cloneElement(l(), {
+    className: m(i.listItemAvatar)
+  }), {
+    formatMessage: h
+  } = v(), d = /* @__PURE__ */ p("div", {
+    ref: I,
+    "aria-selected": u,
+    className: m(i.userSelectorListItem, e),
+    id: n,
+    ...o ? {
+      onClick: o
+    } : {},
+    ...c,
+    children: [L, /* @__PURE__ */ p("div", {
+      className: m(i.userInfo),
+      children: [/* @__PURE__ */ s("div", {
+        className: m(i.title),
+        children: /* @__PURE__ */ s(f, {
+          as: "span",
+          className: m(i.userName),
+          variant: "bodyDefaultSemibold",
+          children: t
+        })
+      }), /* @__PURE__ */ s(f, {
+        as: "span",
+        className: m(i.userEmail),
+        color: "textOnLightSecondary",
+        variant: "caption",
+        children: r
+      })]
+    }), !a && /* @__PURE__ */ s(b, {
+      className: i.userSelectorListItemInviteIcon
+    })]
+  });
+  return a ? d : /* @__PURE__ */ s(N, {
+    content: h(S.inviteCollaboratorsTooltip),
+    side: "right",
+    children: d
+  });
+}), M = /* @__PURE__ */ _(({
+  renderAvatar: l,
+  userContact: t,
+  onClick: r,
+  id: o,
+  ...e
+}, n) => {
+  const a = v().formatMessage(S.userName, {
+    name: t.name,
+    isCurrentUser: !!t.isCurrentUser
+  });
+  return /* @__PURE__ */ s(j, {
+    ref: n,
+    id: o,
+    onClick: () => {
+      r == null || r(t, o);
+    },
+    renderAvatar: () => l(t),
+    subtitle: t.email,
+    title: a,
+    ...e
+  });
+}), H = /* @__PURE__ */ _(function(t, r) {
+  const {
+    className: o,
+    userContact: e,
+    renderAvatar: n,
+    renderCustomOption: u,
+    ...a
+  } = t, c = O(e), I = c ? !0 : e.hideOnClick ?? !0;
+  return /* @__PURE__ */ s(x.Option, {
+    ref: r,
+    className: o,
+    hideOnClick: I,
+    value: e.value,
+    ...a,
+    children: c ? /* @__PURE__ */ s(M, {
+      renderAvatar: n,
+      userContact: e
+    }) : u(e, () => n(e))
+  });
+});
+export {
+  H as UserSelectorComboboxOption,
+  M as UserSelectorListItem,
+  j as UserSelectorListItemInfo
+};

package/dist/esm/lib/user-selector.js

@@ -0,0 +1,77 @@
+import { Avatar as i, IconBadge as y } from "@box/blueprint-web";
+import { ComboboxWithApi as I } from "@box/combobox-with-api";
+import O from "clsx";
+import { useIntl as M } from "react-intl";
+import a from "./messages.js";
+import { UserSelectorComboboxOption as V } from "./user-selector-list-item.js";
+import { defaultRenderCustomOption as R } from "./utils/defaultRenderCustomOption.js";
+import { getInitials as S } from "./utils/getInitials.js";
+import { isUserContactType as l } from "./utils/isUserContactType.js";
+import { jsx as t } from "react/jsx-runtime";
+import '../../styles/user-selector.css';const _ = "_textArea_shf88_1", N = {
+  textArea: _
+}, D = (m) => {
+  const {
+    fetchedAvatarUrls: c,
+    fetchUsers: f,
+    onSelectedUsersChange: u,
+    selectedUsers: p,
+    variant: d,
+    className: x,
+    defaultOptions: g,
+    renderCustomOption: h = R,
+    ...v
+  } = m, r = M(), s = (e) => {
+    if (l(e)) {
+      const {
+        name: U,
+        isExternalUser: b,
+        id: o
+      } = e, n = /* @__PURE__ */ t(i, {
+        alt: r.formatMessage(a.userAvatar),
+        colorIndex: o,
+        src: c[o],
+        text: S(U)
+      });
+      return b ? /* @__PURE__ */ t(y, {
+        offset: {
+          right: -4,
+          bottom: -2
+        },
+        size: "medium",
+        variant: "collaborator-external",
+        children: n
+      }) : n;
+    }
+    return /* @__PURE__ */ t(i, {
+      ...e.avatar
+    });
+  }, A = (e) => {
+    if (!l(e))
+      return e.chipVariant;
+  }, C = (e) => /* @__PURE__ */ t(V, {
+    renderAvatar: s,
+    renderCustomOption: h,
+    userContact: e
+  });
+  return /* @__PURE__ */ t(I, {
+    as: "input",
+    className: O(x, d === "textarea" && N.textArea),
+    defaultOptions: g,
+    displayAvatar: s,
+    displayChipVariant: A,
+    displayValue: (e) => e.name,
+    fetcher: f,
+    freeInput: !1,
+    loadingAriaLabel: r.formatMessage(a.loading),
+    multiselect: !0,
+    noResultMessage: r.formatMessage(a.noResults),
+    onValueChange: u,
+    renderOption: C,
+    value: p,
+    ...v
+  });
+};
+export {
+  D as default
+};

package/dist/esm/lib/utils/VariantsAggregator.js

@@ -0,0 +1,46 @@
+import { Text as d } from "@box/blueprint-web";
+import { Fragment as m } from "react";
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+const g = ({
+  defaultProps: t,
+  DefaultComponentTemplate: s,
+  variantsMap: n,
+  containerStyle: o
+}) => {
+  const l = Object.entries(n);
+  return /* @__PURE__ */ r("div", {
+    style: {
+      display: "grid",
+      gridTemplateColumns: "auto auto",
+      alignItems: "baseline",
+      gap: "254px 12px",
+      ...o
+    },
+    children: l.map(([a, {
+      props: e = {},
+      ComponentTemplate: i
+    }]) => /* @__PURE__ */ c(m, {
+      children: [/* @__PURE__ */ r(d, {
+        as: "span",
+        color: "textOnLightSecondary",
+        style: {
+          textTransform: "uppercase"
+        },
+        variant: "bodyDefaultBold",
+        children: a
+      }), /* @__PURE__ */ r("div", {
+        children: i ? /* @__PURE__ */ r(i, {
+          ...t,
+          ...e
+        }) : /* @__PURE__ */ r(s, {
+          ...t,
+          ...e
+        })
+      })]
+    }, a))
+  });
+};
+g.displayName = "variants";
+export {
+  g as VariantsAggregator
+};

package/dist/esm/lib/utils/defaultRenderCustomOption.js

@@ -0,0 +1,12 @@
+import { UserSelectorListItemInfo as r } from "../user-selector-list-item.js";
+import { jsx as o } from "react/jsx-runtime";
+function n(t, e) {
+  return /* @__PURE__ */ o(r, {
+    renderAvatar: e,
+    subtitle: t.subtitle,
+    title: t.name
+  });
+}
+export {
+  n as defaultRenderCustomOption
+};

package/dist/esm/lib/utils/getInitials.js

@@ -0,0 +1,7 @@
+const a = (e) => {
+  const t = e.replace(/[[({<]+.*[\])}>]+/g, "").trim(), s = t.slice(0, 1), n = t.slice(t.lastIndexOf(" ") + 1, t.lastIndexOf(" ") + 2);
+  return (s + n).toUpperCase();
+};
+export {
+  a as getInitials
+};

package/dist/esm/lib/utils/isUserContactType.js

@@ -0,0 +1,6 @@
+function i(n) {
+  return "email" in n && "id" in n && "name" in n && "value" in n;
+}
+export {
+  i as isUserContactType
+};

package/dist/i18n/bn-IN.js

@@ -0,0 +1,12 @@
+export default {
+  "groupSharedFeatures.userSelector.emptyMessage": "কোন সহযোগী খুঁজে পাওয়া যাচ্ছে না",
+  "groupSharedFeatures.userSelector.errorMessage": "আমরা ব্যবহারকারীদের লোড করতে লোড করতে পারিনি",
+  "groupSharedFeatures.userSelector.errorMessageDescription": "অনুগ্রহ করে পরে আবার চেষ্টা করুন",
+  "groupSharedFeatures.userSelector.inviteCollaborators": "সহযোগীদের আমন্ত্রণ জানান",
+  "groupSharedFeatures.userSelector.inviteCollaboratorsTooltip": "এই ব্যক্তির অ্যাক্সেস নেই এবং আমন্ত্রণ জানানো না হলে বিজ্ঞপ্তি দেওয়া হবে না.",
+  "groupSharedFeatures.userSelector.loading": "লোড হচ্ছে",
+  "groupSharedFeatures.userSelector.noResults": "কোনো ফলাফল নেই",
+  "groupSharedFeatures.userSelector.tryAgain": "আবার চেষ্টা করুন",
+  "groupSharedFeatures.userSelector.userAvatar": "ব্যবহারকারীর অবতার",
+  "groupSharedFeatures.userSelector.userName": "{name} {isCurrentUser, select, true { (আমি)} other {}}"
+}

package/dist/i18n/bn-IN.properties

@@ -0,0 +1,20 @@
+# Text displayed when no results are found
+groupSharedFeatures.userSelector.emptyMessage = কোন সহযোগী খুঁজে পাওয়া যাচ্ছে না
+# Text displayed when an error occurs
+groupSharedFeatures.userSelector.errorMessage = আমরা ব্যবহারকারীদের লোড করতে লোড করতে পারিনি
+# Text displayed when an error occurs
+groupSharedFeatures.userSelector.errorMessageDescription = অনুগ্রহ করে পরে আবার চেষ্টা করুন
+# Text displayed when no results are found and the user can invite collaborators
+groupSharedFeatures.userSelector.inviteCollaborators = সহযোগীদের আমন্ত্রণ জানান
+# Tooltip text displayed when a user is not a collaborator
+groupSharedFeatures.userSelector.inviteCollaboratorsTooltip = এই ব্যক্তির অ্যাক্সেস নেই এবং আমন্ত্রণ জানানো না হলে বিজ্ঞপ্তি দেওয়া হবে না.
+# Aria label for loading indicator
+groupSharedFeatures.userSelector.loading = লোড হচ্ছে
+# Text displayed when no results are found
+groupSharedFeatures.userSelector.noResults = কোনো ফলাফল নেই
+# Text for the "Try again" button
+groupSharedFeatures.userSelector.tryAgain = আবার চেষ্টা করুন
+# Alt text for user avatar image
+groupSharedFeatures.userSelector.userAvatar = ব্যবহারকারীর অবতার
+# User name with optional "me" marker for current user
+groupSharedFeatures.userSelector.userName = {name} {isCurrentUser, select, true { (আমি)} other {}}

package/dist/i18n/da-DK.js

@@ -0,0 +1,12 @@
+export default {
+  "groupSharedFeatures.userSelector.emptyMessage": "Ingen samarbejdspartnere blev fundet",
+  "groupSharedFeatures.userSelector.errorMessage": "Vi kunne ikke indlæse brugere",
+  "groupSharedFeatures.userSelector.errorMessageDescription": "Prøv igen senere",
+  "groupSharedFeatures.userSelector.inviteCollaborators": "Inviter samarbejdspartnere",
+  "groupSharedFeatures.userSelector.inviteCollaboratorsTooltip": "Denne person har ikke adgang og vil ikke blive underrettet, medmindre vedkommende er inviteret.",
+  "groupSharedFeatures.userSelector.loading": "Indlæser",
+  "groupSharedFeatures.userSelector.noResults": "Ingen resultater",
+  "groupSharedFeatures.userSelector.tryAgain": "Prøv igen",
+  "groupSharedFeatures.userSelector.userAvatar": "Bruger avatar",
+  "groupSharedFeatures.userSelector.userName": "{name} {isCurrentUser, select, true { (mig)} other {}}"
+}