@box/unified-share-modal 1.35.2 → 1.36.1

package/dist/esm/lib/components/shared-link-settings-modal/shared-link-settings-modal.js

@@ -1,43 +1,43 @@
-import { useState as q, useMemo as G, useEffect as J } from "react";
-import { useIntl as K } from "react-intl";
-import { Modal as t, LoadingIndicator as Q, Text as W, Link as X } from "@box/blueprint-web";
-import { DownloadSection as Y } from "./download-section.js";
-import { ExpirationSection as Z } from "./expiration-section.js";
-import { PasswordSection as $ } from "./password-section.js";
-import { VanitySection as O } from "./vanity-section.js";
+import { useState as R, useMemo as q, useEffect as G } from "react";
+import { useIntl as J } from "react-intl";
+import { Modal as t, LoadingIndicator as K, Text as Q, Link as W } from "@box/blueprint-web";
+import { DownloadSection as X } from "./download-section.js";
+import { ExpirationSection as Y } from "./expiration-section.js";
+import { PasswordSection as Z } from "./password-section.js";
+import { VanitySection as $ } from "./vanity-section.js";
 import s from "./messages.js";
 import { jsx as a, jsxs as w } from "react/jsx-runtime";
-import { useAccessLevels as ee } from "../../hooks/use-access-levels.js";
-import { formatDateFromTimestampToCalendarDate as ae } from "../../utils/date.js";
-import { useLinkSettingsForm as ne } from "../../hooks/use-link-settings-form.js";
-import { useUnifiedShareModalContext as oe } from "../../contexts/unified-share-modal-context.js";
-import '../../../../styles/shared-link-settings-modal.css';const ie = "_content_1r0kk_1", te = "_body_1r0kk_5", se = "_loading_1r0kk_17", f = {
-  content: ie,
-  body: te,
-  loading: se
+import { useAccessLevels as O } from "../../hooks/use-access-levels.js";
+import { formatDateFromTimestampToCalendarDate as ee } from "../../utils/date.js";
+import { useLinkSettingsForm as ae } from "../../hooks/use-link-settings-form.js";
+import { useUnifiedShareModalContext as ne } from "../../contexts/unified-share-modal-context.js";
+import '../../../../styles/shared-link-settings-modal.css';const oe = "_content_1r0kk_1", ie = "_body_1r0kk_5", te = "_loading_1r0kk_17", f = {
+  content: oe,
+  body: ie,
+  loading: te
 };
-function ye({
+function ve({
   isOpen: c,
   onOpenChange: v
 }) {
   const {
     formatMessage: i
-  } = K(), [g, C] = q(!1), {
-    eventService: k,
-    isSubmitting: E,
-    sharedLink: x
-  } = oe(), {
+  } = J(), [g, k] = R(!1), {
+    eventService: E,
+    isSubmitting: x,
+    sharedLink: L
+  } = ne(), {
     expiresAt: m = 0,
     settings: n = {},
-    vanityDomain: L = "",
+    vanityDomain: D = "",
     vanityName: h = ""
-  } = x, {
+  } = L, {
     onSharedLinkSettingsClose: y,
     onSharedLinkSettingsLoad: p
-  } = k, {
-    selectedAccess: D
-  } = ee(), b = G(() => ({
-    expiration: m ? ae(m) : null,
+  } = E, {
+    selectedAccess: N
+  } = O(), b = q(() => ({
+    expiration: m ? ee(m) : null,
     isDownloadEnabled: !!n.isDownloadEnabled,
     isExpirationEnabled: !!m,
     isPasswordEnabled: !!n.isPasswordEnabled,
@@ -47,41 +47,40 @@ function ye({
   }), [m, n, h]), {
     errors: u,
     formData: o,
-    handleFormReset: N,
+    handleFormReset: S,
     handleFormSubmit: F,
     isUpdating: P,
-    setErrors: T,
     setFieldError: r,
     setFieldValue: d,
-    validatePassword: B
-  } = ne(b);
-  J(() => {
-    (async () => p && (c && await p(), C(!c)))();
+    validatePassword: T
+  } = ae(b);
+  G(() => {
+    (async () => p && (c && await p(), k(!c)))();
   }, [c, p]);
-  const S = () => {
-    N(), y && y(), v(!1);
-  }, A = async () => {
-    await F() || (T({}), v(!1));
-  }, _ = (e) => {
+  const C = () => {
+    S(), y && y(), v(!1);
+  }, B = async () => {
+    await F() || (S(), v(!1));
+  }, A = (e) => {
     r("expiration", void 0), d("isExpirationEnabled", e);
-  }, V = (e) => {
+  }, _ = (e) => {
     r("expiration", void 0), d("expiration", e);
-  }, M = (e) => {
+  }, V = (e) => {
     r("vanityName", void 0), d("isVanityNameEnabled", e);
-  }, I = (e) => {
+  }, M = (e) => {
     r("vanityName", void 0), d("vanityName", e.target.value);
-  }, j = (e) => {
+  }, I = (e) => {
     r("password", void 0), d("isPasswordEnabled", e);
-  }, z = (e) => {
+  }, j = (e) => {
     r("password", void 0), d("password", e.target.value);
-  }, U = (e) => {
+  }, z = (e) => {
     d("isDownloadEnabled", e);
-  }, H = (e) => {
-    const R = document.getElementById("usm-SharedLinkSettingsModal-primaryButton")?.contains(e.relatedTarget);
-    b.isPasswordEnabled && !o.password || R || B(o.password);
-  }, l = E || P;
+  }, U = (e) => {
+    const H = document.getElementById("usm-SharedLinkSettingsModal-primaryButton")?.contains(e.relatedTarget);
+    b.isPasswordEnabled && !o.password || H || T(o.password);
+  }, l = x || P;
   return /* @__PURE__ */ a(t, {
-    onOpenChange: S,
+    onOpenChange: C,
     open: c,
     children: /* @__PURE__ */ w(t.Content, {
       className: f.content,
@@ -93,68 +92,68 @@ function ye({
         inert: g ? "" : null,
         children: [g && /* @__PURE__ */ a("div", {
           className: f.loading,
-          children: /* @__PURE__ */ a(Q, {
+          children: /* @__PURE__ */ a(K, {
             "aria-label": i(s.loadingLabel),
             size: "large"
           })
-        }), /* @__PURE__ */ a(W, {
+        }), /* @__PURE__ */ a(Q, {
           as: "p",
           color: "textOnLightSecondary",
           children: i(s.subtitle, {
-            learnSharedLinkSettingsLink: /* @__PURE__ */ a(X, {
+            learnSharedLinkSettingsLink: /* @__PURE__ */ a(W, {
               href: "https://support.box.com/hc/en-us/articles/360043697554-Configuring-Individual-Shared-Link-Settings",
               rel: "noreferrer",
               target: "_blank",
               children: i(s.learnSharedLinkSettingsLink)
             })
           })
-        }), /* @__PURE__ */ a(Z, {
+        }), /* @__PURE__ */ a(Y, {
           canChange: !!n.canChangeExpiration,
           error: u.expiration,
           expiration: o.expiration,
           isChecked: o.isExpirationEnabled,
           isDisabled: l,
-          onChange: V,
-          onToggle: _
-        }), /* @__PURE__ */ a($, {
+          onChange: _,
+          onToggle: A
+        }), /* @__PURE__ */ a(Z, {
           canChange: !!n.canChangePassword,
           error: u.password,
-          isAvailable: n.isPasswordAvailable && D?.id === "open",
+          isAvailable: n.isPasswordAvailable && N?.id === "open",
           isChecked: o.isPasswordEnabled,
           isDefaultChecked: b.isPasswordEnabled,
           isDisabled: l,
-          onBlur: H,
-          onChange: z,
+          onBlur: U,
+          onChange: j,
           onFocus: () => r("password", void 0),
-          onToggle: j,
+          onToggle: I,
           password: o.password
-        }), /* @__PURE__ */ a(O, {
+        }), /* @__PURE__ */ a($, {
           canChange: !!n.canChangeVanityName,
           error: u.vanityName,
           isAvailable: !!n.isVanityNameAvailable,
           isChecked: o.isVanityNameEnabled,
           isDisabled: l,
-          onChange: I,
-          onToggle: M,
-          vanityDomain: L,
+          onChange: M,
+          onToggle: V,
+          vanityDomain: D,
           vanityName: o.vanityName
-        }), /* @__PURE__ */ a(Y, {
+        }), /* @__PURE__ */ a(X, {
           canChange: !!n.canChangeDownload,
           isAvailable: !!n.isDownloadAvailable,
           isChecked: o.isDownloadEnabled,
           isDisabled: l,
-          onToggle: U
+          onToggle: z
         })]
       }), !g && /* @__PURE__ */ w(t.Footer, {
         children: [/* @__PURE__ */ a(t.Footer.SecondaryButton, {
           disabled: l,
-          onClick: S,
+          onClick: C,
           children: i(s.cancelButton)
         }), /* @__PURE__ */ a(t.Footer.PrimaryButton, {
           id: "usm-SharedLinkSettingsModal-primaryButton",
           loading: l,
           loadingAriaLabel: i(s.loadingLabel),
-          onClick: A,
+          onClick: B,
           children: i(s.saveButton)
         })]
       }), /* @__PURE__ */ a(t.Close, {
@@ -164,5 +163,5 @@ function ye({
   });
 }
 export {
-  ye as SharedLinkSettingsModal
+  ve as SharedLinkSettingsModal
 };

package/dist/esm/lib/components/unified-share-form-modal/collaboration-section/collaboration-role.js

@@ -1,30 +1,30 @@
 import _ from "clsx";
 import L from "lodash/camelCase";
-import { useState as k, useMemo as w, useEffect as q } from "react";
-import { useIntl as F } from "react-intl";
-import { Tooltip as N, Focusable as O, TriggerButton as D, DropdownMenu as r } from "@box/blueprint-web";
-import $ from "../messages.js";
-import n from "./messages.js";
-import { jsx as e, jsxs as j } from "react/jsx-runtime";
-import { isInvitationRoleSupported as z, getDefaultCollaborationRole as A } from "../../../utils/collaborator.js";
-import { useUnifiedShareFormContext as P } from "../../../contexts/unified-share-form-context.js";
-import { useUnifiedShareModalContext as U } from "../../../contexts/unified-share-modal-context.js";
-import '../../../../../styles/collaboration-role.css';const B = "_container_1fonq_1", E = "_overrides_1fonq_4", W = "_focusable_1fonq_9", l = {
-  container: B,
-  overrides: E,
-  focusable: W
+import { useState as k, useMemo as w, useEffect as F } from "react";
+import { useIntl as N } from "react-intl";
+import { Tooltip as O, Focusable as $, TriggerButton as D, DropdownMenu as r } from "@box/blueprint-web";
+import j from "../messages.js";
+import l from "./messages.js";
+import { jsx as e, jsxs as z } from "react/jsx-runtime";
+import { isInvitationRoleSupported as A, getDefaultCollaborationRole as P } from "../../../utils/collaborator.js";
+import { useUnifiedShareFormContext as U } from "../../../contexts/unified-share-form-context.js";
+import { useUnifiedShareModalContext as B } from "../../../contexts/unified-share-modal-context.js";
+import '../../../../../styles/collaboration-role.css';const E = "_container_120dl_1", W = "_overrides_120dl_9", q = "_focusable_120dl_14", n = {
+  container: E,
+  overrides: W,
+  focusable: q
 };
 function te() {
   const {
     formatMessage: o
-  } = F(), [b, M] = k(!1), {
+  } = N(), [f, M] = k(!1), {
     collaborationRole: u,
     setCollaborationRole: d
-  } = P(), {
+  } = U(), {
     collaborationRoles: g,
     isSubmitting: S,
     item: I
-  } = U(), {
+  } = B(), {
     permissions: T = {},
     type: m
   } = I, s = w(() => g.map((i) => {
@@ -32,18 +32,18 @@ function te() {
       description: p,
       id: t,
       label: c
-    } = i, f = z(t), h = L(t);
+    } = i, b = A(t), h = L(t);
     let x = h;
     t === "editor" && m === "folder" && (x += "Folder");
     let C = t, R = "";
-    return f && (C = o($[`${h}Role`]), R = o(n[`${x}Description`])), {
+    return b && (C = o(j[`${h}Role`]), R = o(l[`${x}Description`])), {
       ...i,
       description: p ?? R,
       label: c ?? C
     };
   }), [g, o, m]);
-  if (q(() => {
-    d(A(s));
+  if (F(() => {
+    d(P(s));
   }, [s, d]), !s.length || !u)
     return null;
   const {
@@ -51,33 +51,33 @@ function te() {
     label: v
   } = u;
   let a;
-  return T.canInviteCollaborator || (a = o(n.inviteDisabledTooltip)), m === "web_link" && (a = o(n.inviteWebLinkDisabledTooltip)), a ? /* @__PURE__ */ e(N, {
+  return T.canInviteCollaborator || (a = o(l.inviteDisabledTooltip)), m === "web_link" && (a = o(l.inviteWebLinkDisabledTooltip)), a ? /* @__PURE__ */ e(O, {
     align: "start",
     content: a,
     "data-testid": "collaboration-role-tooltip",
     side: "bottom",
-    children: /* @__PURE__ */ e(O, {
-      className: l.focusable,
+    children: /* @__PURE__ */ e($, {
+      className: n.focusable,
       children: /* @__PURE__ */ e(D, {
         caretDirection: "down",
-        className: _(l.container, l.overrides),
+        className: _(n.container, n.overrides),
         disabled: !0,
-        label: o(n.inviteAsRoleLabel, {
+        label: o(l.inviteAsRoleLabel, {
           role: v
         }),
         size: "extraSmall",
         variant: "tertiary"
       })
     })
-  }) : /* @__PURE__ */ j(r.Root, {
+  }) : /* @__PURE__ */ z(r.Root, {
     onOpenChange: M,
-    open: b,
+    open: f,
     children: [/* @__PURE__ */ e(r.Trigger, {
       children: /* @__PURE__ */ e(D, {
-        caretDirection: b ? "up" : "down",
-        className: _(l.container, l.overrides),
+        caretDirection: f ? "up" : "down",
+        className: _(n.container, n.overrides),
         disabled: S,
-        label: o(n.inviteAsRoleLabel, {
+        label: o(l.inviteAsRoleLabel, {
           role: v
         }),
         size: "extraSmall",
@@ -90,7 +90,7 @@ function te() {
           description: p,
           isDisabled: t,
           id: c,
-          label: f
+          label: b
         } = i;
         return /* @__PURE__ */ e(r.CheckboxItem, {
           checked: y === c,
@@ -98,7 +98,7 @@ function te() {
           onSelect: () => d(i),
           children: /* @__PURE__ */ e(r.Item.MainContent, {
             caption: p,
-            label: f
+            label: b
           })
         }, c);
       })

package/dist/esm/lib/components/unified-share-form-modal/collaboration-section/collaboration-section.js

@@ -1,6 +1,6 @@
 import { useState as ce, useRef as de, useEffect as N, useCallback as F } from "react";
-import { createPortal as me } from "react-dom";
-import { useIntl as ue } from "react-intl";
+import { createPortal as ue } from "react-dom";
+import { useIntl as me } from "react-intl";
 import { useNotification as he, useUniqueId as fe, useLabelable as pe, Tooltip as be, Focusable as Ce, Text as ve, Modal as h } from "@box/blueprint-web";
 import { Globe as ge } from "@box/blueprint-web-assets/icons/Medium";
 import { UserSelectorContainer as Se } from "@box/user-selector";
@@ -15,7 +15,7 @@ import { useFormValidation as _e } from "../../../hooks/use-form-validation.js";
 import { useCollaborationForm as xe } from "../../../hooks/use-collaboration-form.js";
 import { useUnifiedShareFormContext as Ee } from "../../../contexts/unified-share-form-context.js";
 import { useUnifiedShareModalContext as Be } from "../../../contexts/unified-share-modal-context.js";
-import '../../../../../styles/collaboration-section.css';const Ve = "_container_wmqot_2", Ne = "_label_wmqot_8", Re = "_securityIndicator_wmqot_23", Te = "_collaborationAccessContainer_wmqot_29", f = {
+import '../../../../../styles/collaboration-section.css';const Ve = "_container_1d5sq_2", Ne = "_label_1d5sq_8", Re = "_securityIndicator_1d5sq_23", Te = "_collaborationAccessContainer_1d5sq_29", f = {
   container: Ve,
   label: Ne,
   securityIndicator: Re,
@@ -24,24 +24,24 @@ import '../../../../../styles/collaboration-section.css';const Ve = "_container_
 function Ye() {
   const {
     formatMessage: t
-  } = ue(), [p, y] = ce(), {
+  } = me(), [p, y] = ce(), {
     addNotification: R
   } = he(), {
     validateShieldRestriction: T
   } = _e(), {
-    contactValue: w,
+    contactValue: O,
     container: b,
     onModalOpenChange: I,
     onShareViewChange: C,
-    setUserContacts: O,
+    setUserContacts: P,
     shareView: n,
     userContacts: a
   } = Ee(), {
-    collaborationAccess: P,
-    collaborationNotices: k,
+    collaborationAccess: k,
+    collaborationNotices: M,
     config: v,
-    contactService: M,
-    isFetching: q,
+    contactService: q,
+    isFetching: w,
     isSubmitting: D,
     item: G,
     sharingService: W
@@ -51,7 +51,7 @@ function Ye() {
   } = G, {
     getContacts: g,
     getContactsAvatarUrls: S
-  } = M, {
+  } = q, {
     sendInvitations: K,
     sendSharedLink: $
   } = W;
@@ -98,15 +98,15 @@ function Ye() {
         return;
       const {
         shieldRestriction: U
-      } = e, V = [...U.restrictedEmails ?? [], ...U.restrictedGroups ?? []], le = a.map((u) => V.includes(u.email) || V.includes(`${u.id}`) ? {
-        ...u,
+      } = e, V = [...U.restrictedEmails ?? [], ...U.restrictedGroups ?? []], le = a.map((m) => V.includes(m.email) || V.includes(`${m.id}`) ? {
+        ...m,
         chipVariant: "error"
-      } : u);
-      y(U), O(le);
+      } : m);
+      y(U), P(le);
     }
   };
-  let d, m = !1;
-  s && !j.canInviteCollaborator && (d = t(o.inviteDisabledTooltip), m = !0), s && H === "web_link" && (d = t(o.inviteWebLinkDisabledTooltip), m = !0);
+  let d, u = !1;
+  s && !j.canInviteCollaborator && (d = t(o.inviteDisabledTooltip), u = !0), s && H === "web_link" && (d = t(o.inviteWebLinkDisabledTooltip), u = !0);
   const B = fe("user-contacts-"), ie = t(s ? o.invitePeopleLabel : o.emailSharedLinkLabel), se = pe(ie, B);
   return /* @__PURE__ */ i("form", {
     className: f.container,
@@ -115,7 +115,7 @@ function Ye() {
       error: p,
       isLoading: c,
       onSelectedUsersChange: x
-    }), k, /* @__PURE__ */ i("div", {
+    }), M, /* @__PURE__ */ i("div", {
       children: [s && v.collaborators && /* @__PURE__ */ r(Le, {}), /* @__PURE__ */ r(se, {
         className: f.label
       }), /* @__PURE__ */ r(be, {
@@ -124,19 +124,19 @@ function Ye() {
         open: d ? void 0 : !1,
         side: "bottom",
         children: /* @__PURE__ */ r(Ce, {
-          focusable: m,
+          focusable: u,
           children: /* @__PURE__ */ r(Se, {
             className: "collaboration-user-selector",
             clearButtonAriaLabel: t(o.clearButton),
             clearOnBlur: !1,
-            disabled: m || c,
+            disabled: u || c,
             displayChipVariant: (e) => e.chipVariant,
             error: z["user-contact"],
             fetchAvatarUrls: oe,
             fetchUsers: te,
             hideOnEscape: ee,
             idForLabel: B,
-            inputValue: w,
+            inputValue: O,
             label: null,
             onBlur: Q,
             onInputValueChange: re,
@@ -150,7 +150,7 @@ function Ye() {
         })
       }), s && /* @__PURE__ */ i("div", {
         className: f.collaborationAccessContainer,
-        children: [v.collaborationRole && /* @__PURE__ */ r(Ae, {}), P]
+        children: [v.collaborationRole && /* @__PURE__ */ r(Ae, {}), k]
       })]
     }), l && v.collaborationMessage && /* @__PURE__ */ r(Fe, {
       maxCount: ye
@@ -161,8 +161,8 @@ function Ye() {
         color: "textOnLightSecondary",
         children: t(o.contentSharedWithExternalCollaborators)
       })]
-    }), l && b && /* @__PURE__ */ me(/* @__PURE__ */ i(Ie, {
-      children: [!q && /* @__PURE__ */ i(h.Footer, {
+    }), l && b && /* @__PURE__ */ ue(/* @__PURE__ */ i(Ie, {
+      children: [!w && /* @__PURE__ */ i(h.Footer, {
         children: [/* @__PURE__ */ r(h.Footer.SecondaryButton, {
           disabled: c,
           onClick: ne,

package/dist/esm/lib/components/unified-share-form-modal/collaborators-view/collaborator-list-item.js

@@ -1,49 +1,50 @@
-import R from "lodash/camelCase";
+import y from "lodash/camelCase";
 import { useIntl as D } from "react-intl";
-import { Row as S, Cell as m, Text as n, Tooltip as q, IconButton as y } from "@box/blueprint-web";
-import { XMark as B } from "@box/blueprint-web-assets/icons/Fill";
-import { CollaboratorAvatar as L } from "./collaborator-avatar.js";
-import M from "../messages.js";
+import { Row as S, Cell as m, Text as n, Tooltip as z, IconButton as B } from "@box/blueprint-web";
+import { XMark as L } from "@box/blueprint-web-assets/icons/Fill";
+import { CollaboratorAvatar as M } from "./collaborator-avatar.js";
+import N from "../messages.js";
 import s from "./messages.js";
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { isCollaboratorRoleSupported as N } from "../../../utils/collaborator.js";
-import { useUnifiedShareModalContext as I } from "../../../contexts/unified-share-modal-context.js";
-import { useUnifiedShareFormContext as j } from "../../../contexts/unified-share-form-context.js";
-import '../../../../../styles/collaborator-list-item.css';const k = "_nameCell_empqg_1", w = "_nameDetails_empqg_7", O = "_roleCell_empqg_14", T = "_text_empqg_21", l = {
-  nameCell: k,
-  nameDetails: w,
-  roleCell: O,
-  text: T
+import { isCollaboratorRoleSupported as I } from "../../../utils/collaborator.js";
+import { useUnifiedShareModalContext as j } from "../../../contexts/unified-share-modal-context.js";
+import { useUnifiedShareFormContext as k } from "../../../contexts/unified-share-form-context.js";
+import '../../../../../styles/collaborator-list-item.css';const w = "_nameCell_y1zd0_1", O = "_nameDetails_y1zd0_7", T = "_roleCell_y1zd0_15", U = "_text_y1zd0_22", l = {
+  nameCell: w,
+  nameDetails: O,
+  roleCell: T,
+  text: U
 };
-function J({
-  collaborator: a
+function K({
+  collaborator: a,
+  isSmall: c
 }) {
   const {
     formatMessage: o
   } = D(), {
     email: i,
-    hasCustomRole: c,
-    id: d,
-    isPending: p,
-    isRemovable: C,
-    name: f,
+    hasCustomRole: d,
+    id: p,
+    isPending: C,
+    isRemovable: f,
+    name: h,
     role: r
   } = a, {
-    item: h,
-    setCollaborator: g
-  } = I(), {
-    permissions: u = {}
-  } = h, {
-    onModalViewChange: v
-  } = j(), x = N(r) ? o(M[`${R(r)}Role`]) : "", _ = c ? r : x, b = () => {
-    g(a), v("remove-collaborator");
+    item: u,
+    setCollaborator: v
+  } = j(), {
+    permissions: x = {}
+  } = u, {
+    onModalViewChange: _
+  } = k(), b = I(r) ? o(N[`${y(r)}Role`]) : "", g = d ? r : b, R = () => {
+    v(a), _("remove-collaborator");
   };
   return /* @__PURE__ */ t(S, {
-    id: d,
+    id: p,
     children: [/* @__PURE__ */ e(m, {
       children: /* @__PURE__ */ t("div", {
         className: l.nameCell,
-        children: [/* @__PURE__ */ e(L, {
+        children: [/* @__PURE__ */ e(M, {
           collaborator: a,
           isBadgeable: !0,
           size: "large"
@@ -52,7 +53,7 @@ function J({
           children: [/* @__PURE__ */ e(n, {
             as: "span",
             variant: "bodyDefaultSemibold",
-            children: f
+            children: h
           }), i && /* @__PURE__ */ e(n, {
             as: "span",
             color: "textOnLightSecondary",
@@ -61,20 +62,20 @@ function J({
           })]
         })]
       })
-    }), /* @__PURE__ */ e(m, {
+    }), !c && /* @__PURE__ */ e(m, {
       children: /* @__PURE__ */ t("div", {
         className: l.roleCell,
         children: [/* @__PURE__ */ e(n, {
           as: "span",
           className: l.text,
           color: "textOnLightSecondary",
-          children: p ? o(s.pendingRole) : _
-        }), C && u.canRemoveCollaborator && /* @__PURE__ */ e(q, {
+          children: C ? o(s.pendingRole) : g
+        }), f && x.canRemoveCollaborator && /* @__PURE__ */ e(z, {
           content: o(s.removeButton),
-          children: /* @__PURE__ */ e(y, {
+          children: /* @__PURE__ */ e(B, {
             "aria-label": o(s.removeButton),
-            icon: B,
-            onClick: b
+            icon: L,
+            onClick: R
           })
         })]
       })
@@ -82,5 +83,5 @@ function J({
   });
 }
 export {
-  J as CollaboratorListItem
+  K as CollaboratorListItem
 };