@box/user-selector 1.47.9 → 1.48.0

package/dist/chunks/user-selector-headless.module.js

@@ -1,16 +1,15 @@
-import '../styles/user-selector-headless.css';const e = "_userSelectorListItemBase_19h0i_2", t = "_userSelectorInviteRow_19h0i_2", o = "_popoverContainer_19h0i_19", r = "_popoverContent_19h0i_27", s = "_userSelectorListItem_19h0i_2", n = "_listItemAvatar_19h0i_38", c = "_userSelectorGhostStateItem_19h0i_42", i = "_titleGhost_19h0i_48", _ = "_userSelectorEmptyText_19h0i_52", l = "_userSelectorEmptyContainer_19h0i_65", u = "_userSelectorInviteButtonIcon_19h0i_80", S = {
-  userSelectorListItemBase: e,
+import '../styles/user-selector-headless.css';const t = "_userSelectorInviteRow_19h0i_2", e = "_popoverContainer_19h0i_19", o = "_popoverContent_19h0i_27", r = "_userSelectorListItem_19h0i_2", s = "_listItemAvatar_19h0i_38", n = "_userSelectorGhostStateItem_19h0i_42", c = "_titleGhost_19h0i_48", i = "_userSelectorEmptyText_19h0i_52", _ = "_userSelectorEmptyContainer_19h0i_65", l = "_userSelectorInviteButtonIcon_19h0i_80", u = {
   userSelectorInviteRow: t,
-  popoverContainer: o,
-  popoverContent: r,
-  userSelectorListItem: s,
-  listItemAvatar: n,
-  userSelectorGhostStateItem: c,
-  titleGhost: i,
-  userSelectorEmptyText: _,
-  userSelectorEmptyContainer: l,
-  userSelectorInviteButtonIcon: u
+  popoverContainer: e,
+  popoverContent: o,
+  userSelectorListItem: r,
+  listItemAvatar: s,
+  userSelectorGhostStateItem: n,
+  titleGhost: c,
+  userSelectorEmptyText: i,
+  userSelectorEmptyContainer: _,
+  userSelectorInviteButtonIcon: l
 };
 export {
-  S as s
+  u as s
 };

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

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

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

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

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

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

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

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

package/dist/i18n/en-x-pseudo.js

@@ -1,12 +1,12 @@
 export default {
-  "groupSharedFeatures.userSelector.emptyMessage": "⟦萬萬萬萬萬萬 Иø ĉőľĺǻьøŗäŧоŕś ƒŏűňď 國國國國國國⟧",
-  "groupSharedFeatures.userSelector.errorMessage": "⟦萬萬萬萬萬萬萬萬 Ŵє ωēřé úňáьĺё ŧο ľοäď üŝēŕŝ 國國國國國國國國⟧",
-  "groupSharedFeatures.userSelector.errorMessageDescription": "⟦萬萬萬萬萬萬 Pĺëāşé ŧŕγ άĝäĭň ĺăτєґ 國國國國國國⟧",
-  "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 { (mè)} other {}} 國國國國國國國⟧"
+  "groupSharedFeatures.userSelector.emptyMessage": "⟦萬萬萬萬萬萬 Йο ćŏļĺăвőѓąτояŝ ƒόůʼnď 國國國國國國⟧",
+  "groupSharedFeatures.userSelector.errorMessage": "⟦萬萬萬萬萬萬萬萬 Щё ώεřė ûʼnäвļе ťο ĺöάď ųşеѓş 國國國國國國國國⟧",
+  "groupSharedFeatures.userSelector.errorMessageDescription": "⟦萬萬萬萬萬萬 Pľĕåŝę ŧгÿ àġăĭŋ ľáţεґ 國國國國國國⟧",
+  "groupSharedFeatures.userSelector.inviteCollaborators": "⟦萬萬萬萬萬 Īʼnνίţē Çοľĺáвöяàŧσѓŝ 國國國國國⟧",
+  "groupSharedFeatures.userSelector.inviteCollaboratorsTooltip": "⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Τĥϊѕ Ρëґśόņ ďòêşń'ŧ нąνё äććĕѕŝ ǻлď ẁση'ť вē ŋóťìƒïёď ũлľεŝŝ ĩʼnνĭťεď. 國國國國國國國國國國國國國國國國國國國國⟧",
+  "groupSharedFeatures.userSelector.loading": "⟦萬萬 Ŀоǻďíňġ 國國⟧",
+  "groupSharedFeatures.userSelector.noResults": "⟦萬萬 Иο ґĕŝūľţş 國國⟧",
+  "groupSharedFeatures.userSelector.tryAgain": "⟦萬萬 Ŧѓў ąĝǻïň 國國⟧",
+  "groupSharedFeatures.userSelector.userAvatar": "⟦萬萬萬 Úŝéг àνǻťάŕ 國國國⟧",
+  "groupSharedFeatures.userSelector.userName": "⟦萬萬萬萬萬萬萬 {name} {isCurrentUser, select, true { (mё)} other {}} 國國國國國國國⟧"
 }

package/dist/i18n/en-x-pseudo.properties

@@ -1,20 +1,20 @@
 # Text displayed when no results are found
-groupSharedFeatures.userSelector.emptyMessage = ⟦萬萬萬萬萬萬 Иø ĉőľĺǻьøŗäŧоŕś ƒŏűňď 國國國國國國⟧
+groupSharedFeatures.userSelector.emptyMessage = ⟦萬萬萬萬萬萬 Йο ćŏļĺăвőѓąτояŝ ƒόůʼnď 國國國國國國⟧
 # Text displayed when an error occurs
-groupSharedFeatures.userSelector.errorMessage = ⟦萬萬萬萬萬萬萬萬 Ŵє ωēřé úňáьĺё ŧο ľοäď üŝēŕŝ 國國國國國國國國⟧
+groupSharedFeatures.userSelector.errorMessage = ⟦萬萬萬萬萬萬萬萬 Щё ώεřė ûʼnäвļе ťο ĺöάď ųşеѓş 國國國國國國國國⟧
 # Text displayed when an error occurs
-groupSharedFeatures.userSelector.errorMessageDescription = ⟦萬萬萬萬萬萬 Pĺëāşé ŧŕγ άĝäĭň ĺăτєґ 國國國國國國⟧
+groupSharedFeatures.userSelector.errorMessageDescription = ⟦萬萬萬萬萬萬 Pľĕåŝę ŧгÿ àġăĭŋ ľáţεґ 國國國國國國⟧
 # Text displayed when no results are found and the user can invite collaborators
-groupSharedFeatures.userSelector.inviteCollaborators = ⟦萬萬萬萬萬 Įиνїτê Ćőļļãвôŕàţòґş 國國國國國⟧
+groupSharedFeatures.userSelector.inviteCollaborators = ⟦萬萬萬萬萬 Īʼnνίţē Çοľĺáвöяàŧσѓŝ 國國國國國⟧
 # Tooltip text displayed when a user is not a collaborator
-groupSharedFeatures.userSelector.inviteCollaboratorsTooltip = ⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Ťнìŝ Ρёŕѕσп ďοéŝи'ť ħåνε âçćêŝѕ ãήď ŵòй'τ ьĕ ņőťϊƒĩéď üиļėѕŝ îпνīŧěď. 國國國國國國國國國國國國國國國國國國國國⟧
+groupSharedFeatures.userSelector.inviteCollaboratorsTooltip = ⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Τĥϊѕ Ρëґśόņ ďòêşń'ŧ нąνё äććĕѕŝ ǻлď ẁση'ť вē ŋóťìƒïёď ũлľεŝŝ ĩʼnνĭťεď. 國國國國國國國國國國國國國國國國國國國國⟧
 # Aria label for loading indicator
-groupSharedFeatures.userSelector.loading = ⟦萬萬 Ļоàďїňğ 國國⟧
+groupSharedFeatures.userSelector.loading = ⟦萬萬 Ŀоǻďíňġ 國國⟧
 # Text displayed when no results are found
-groupSharedFeatures.userSelector.noResults = ⟦萬萬 Ñò ґëśůļţѕ 國國⟧
+groupSharedFeatures.userSelector.noResults = ⟦萬萬 Иο ґĕŝūľţş 國國⟧
 # Text for the "Try again" button
-groupSharedFeatures.userSelector.tryAgain = ⟦萬萬 Ťяý åġãïņ 國國⟧
+groupSharedFeatures.userSelector.tryAgain = ⟦萬萬 Ŧѓў ąĝǻïň 國國⟧
 # Alt text for user avatar image
-groupSharedFeatures.userSelector.userAvatar = ⟦萬萬萬 Ūŝêя ανάŧäŗ 國國國⟧
+groupSharedFeatures.userSelector.userAvatar = ⟦萬萬萬 Úŝéг àνǻťάŕ 國國國⟧
 # User name with optional "me" marker for current user
-groupSharedFeatures.userSelector.userName = ⟦萬萬萬萬萬萬萬 {name} {isCurrentUser, select, true { (mè)} other {}} 國國國國國國國⟧
+groupSharedFeatures.userSelector.userName = ⟦萬萬萬萬萬萬萬 {name} {isCurrentUser, select, true { (mё)} other {}} 國國國國國國國⟧

package/package.json

@@ -1,20 +1,20 @@
 {
     "name": "@box/user-selector",
-    "version": "1.47.9",
+    "version": "1.48.0",
     "peerDependencies": {
-        "@box/blueprint-web": "^7.8.0",
-        "@box/blueprint-web-assets": "^4.16.0",
-        "@box/combobox-with-api": "^0.5.14",
+        "@box/blueprint-web": "^12.103.3",
+        "@box/blueprint-web-assets": "^4.86.3",
+        "@box/combobox-with-api": "^1.16.0",
         "lodash": "^4.17.15",
         "react": "^17.0.0 || ^18.0.0",
         "react-dom": "^17.0.0 || ^18.0.0",
         "react-intl": "6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^12.103.2",
-        "@box/blueprint-web-assets": "^4.86.0",
-        "@box/combobox-with-api": "^1.15.9",
-        "@box/storybook-utils": "^0.14.23",
+        "@box/blueprint-web": "^12.103.3",
+        "@box/blueprint-web-assets": "^4.86.3",
+        "@box/combobox-with-api": "^1.16.0",
+        "@box/storybook-utils": "^0.14.24",
         "@types/lodash": "^4.17.14",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",