@box/unified-share-modal 2.12.14 → 2.12.16

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

@@ -1,138 +1,136 @@
 import { defineMessages as e } from "react-intl";
-const a = e({
-  cancelButton: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.cancelButton",
-    defaultMessage: "Cancel"
-  },
-  closeButton: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.closeButton",
-    defaultMessage: "Close"
-  },
-  clearButton: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.clearButton",
-    defaultMessage: "Clear"
-  },
-  contentSharedWithExternalCollaborators: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.contentSharedWithExternalCollaborators",
-    defaultMessage: "This content will be shared with external collaborators."
-  },
-  sendButton: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.sendButton",
-    defaultMessage: "Send"
-  },
-  loadingLabel: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.loadingLabel",
-    defaultMessage: "Loading"
-  },
-  invitePeopleLabel: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.invitePeopleLabel",
-    defaultMessage: "Invite People"
-  },
-  invitePeoplePlaceholder: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.invitePeoplePlaceholder",
-    defaultMessage: "Add names or email addresses"
-  },
-  emailSharedLinkLabel: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.emailSharedLinkLabel",
-    defaultMessage: "Email Shared Link"
-  },
-  inviteAsRoleLabel: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.inviteAsRoleLabel",
-    defaultMessage: "Invite as {role}"
-  },
-  sharedWithLabel: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.sharedWithLabel",
-    defaultMessage: "Shared with"
-  },
-  shareMessageLabel: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.shareMessageLabel",
-    defaultMessage: "Message (optional)"
-  },
-  shareMessagePlaceholder: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.shareMessagePlaceholder",
-    defaultMessage: "Add a message"
-  },
-  shareMessageCharacterCountAriaLabel: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.shareMessageCharacterCountAriaLabel",
-    defaultMessage: "{count} characters remaining"
-  },
-  coOwnerDescription: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.coOwnerDescription",
-    defaultMessage: "Manage security, upload, download, preview, share, edit, and delete"
-  },
-  editorDescription: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.editorDescription",
-    defaultMessage: "Upload, download, preview, share, and edit"
-  },
-  editorFolderDescription: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.editorFolderDescription",
-    defaultMessage: "Upload, download, preview, share, edit, and delete"
-  },
-  viewerUploaderDescription: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.viewerUploaderDescription",
-    defaultMessage: "Upload, download, preview, share, and edit"
-  },
-  previewerUploaderDescription: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.previewerUploaderDescription",
-    defaultMessage: "Upload and preview"
-  },
-  viewerDescription: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.viewerDescription",
-    defaultMessage: "Download, preview, and share"
-  },
-  previewerDescription: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.previewerDescription",
-    defaultMessage: "Preview-only"
-  },
-  uploaderDescription: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.uploaderDescription",
-    defaultMessage: "Upload-only"
-  },
-  inviteDisabledTooltip: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.inviteDisabledTooltip",
-    defaultMessage: "You do not have permission to invite collaborators"
-  },
-  inviteWebLinkDisabledTooltip: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.inviteWebLinkDisabledTooltip",
-    defaultMessage: "Collaborators cannot be added to bookmarks"
-  },
-  justifiableContactRestrictionNotice: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.justifiableContactRestrictionNotice",
-    defaultMessage: "This content requires a business justification for {count, plural, one {{count} invitation} other {{count} invitations}}. Please select a business justification below. {justificationSelect} {removeLink}"
-  },
-  justifiableContactRestrictionRemoveButtonLabel: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.justifiableContactRestrictionRemoveButtonLabel",
-    defaultMessage: "Alternatively, remove to continue"
-  },
-  contactRestrictionNotice: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.contactRestrictionNotice",
-    defaultMessage: "{count, plural, one {{count} invitation} other {{count} invitations}} cannot be sent because external collaboration is restricted due to the applied security policy. {removeLink}"
-  },
-  contactRestrictionInformationBarrierNotice: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.contactRestrictionInformationBarrierNotice",
-    defaultMessage: "{count, plural, one {{count} invitation} other {{count} invitations}} cannot be sent due to a security policy. {removeLink}"
-  },
-  contactRestrictionRemoveButtonLabel: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.contactRestrictionRemoveButtonLabel",
-    defaultMessage: "Remove to continue"
-  },
-  justificationSelectPlaceholder: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.justificationSelectPlaceholder",
-    defaultMessage: "Select Justification"
-  },
-  loadingJustificationReasonsLabel: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.loadingJustificationReasonsLabel",
-    defaultMessage: "Loading justification reasons"
-  },
-  errorNoticeIconAriaLabel: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.errorNoticeIconAriaLabel",
-    defaultMessage: "Error"
-  },
-  businessJustification: {
-    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.businessJustification",
-    defaultMessage: "Business Justification"
-  }
+var t = e({
+	cancelButton: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.cancelButton",
+		defaultMessage: "Cancel"
+	},
+	closeButton: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.closeButton",
+		defaultMessage: "Close"
+	},
+	clearButton: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.clearButton",
+		defaultMessage: "Clear"
+	},
+	contentSharedWithExternalCollaborators: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.contentSharedWithExternalCollaborators",
+		defaultMessage: "This content will be shared with external collaborators."
+	},
+	sendButton: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.sendButton",
+		defaultMessage: "Send"
+	},
+	loadingLabel: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.loadingLabel",
+		defaultMessage: "Loading"
+	},
+	invitePeopleLabel: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.invitePeopleLabel",
+		defaultMessage: "Invite People"
+	},
+	invitePeoplePlaceholder: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.invitePeoplePlaceholder",
+		defaultMessage: "Add names or email addresses"
+	},
+	emailSharedLinkLabel: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.emailSharedLinkLabel",
+		defaultMessage: "Email Shared Link"
+	},
+	inviteAsRoleLabel: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.inviteAsRoleLabel",
+		defaultMessage: "Invite as {role}"
+	},
+	sharedWithLabel: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.sharedWithLabel",
+		defaultMessage: "Shared with"
+	},
+	shareMessageLabel: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.shareMessageLabel",
+		defaultMessage: "Message (optional)"
+	},
+	shareMessagePlaceholder: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.shareMessagePlaceholder",
+		defaultMessage: "Add a message"
+	},
+	shareMessageCharacterCountAriaLabel: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.shareMessageCharacterCountAriaLabel",
+		defaultMessage: "{count} characters remaining"
+	},
+	coOwnerDescription: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.coOwnerDescription",
+		defaultMessage: "Manage security, upload, download, preview, share, edit, and delete"
+	},
+	editorDescription: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.editorDescription",
+		defaultMessage: "Upload, download, preview, share, and edit"
+	},
+	editorFolderDescription: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.editorFolderDescription",
+		defaultMessage: "Upload, download, preview, share, edit, and delete"
+	},
+	viewerUploaderDescription: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.viewerUploaderDescription",
+		defaultMessage: "Upload, download, preview, share, and edit"
+	},
+	previewerUploaderDescription: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.previewerUploaderDescription",
+		defaultMessage: "Upload and preview"
+	},
+	viewerDescription: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.viewerDescription",
+		defaultMessage: "Download, preview, and share"
+	},
+	previewerDescription: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.previewerDescription",
+		defaultMessage: "Preview-only"
+	},
+	uploaderDescription: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.uploaderDescription",
+		defaultMessage: "Upload-only"
+	},
+	inviteDisabledTooltip: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.inviteDisabledTooltip",
+		defaultMessage: "You do not have permission to invite collaborators"
+	},
+	inviteWebLinkDisabledTooltip: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.inviteWebLinkDisabledTooltip",
+		defaultMessage: "Collaborators cannot be added to bookmarks"
+	},
+	justifiableContactRestrictionNotice: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.justifiableContactRestrictionNotice",
+		defaultMessage: "This content requires a business justification for {count, plural, one {{count} invitation} other {{count} invitations}}. Please select a business justification below. {justificationSelect} {removeLink}"
+	},
+	justifiableContactRestrictionRemoveButtonLabel: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.justifiableContactRestrictionRemoveButtonLabel",
+		defaultMessage: "Alternatively, remove to continue"
+	},
+	contactRestrictionNotice: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.contactRestrictionNotice",
+		defaultMessage: "{count, plural, one {{count} invitation} other {{count} invitations}} cannot be sent because external collaboration is restricted due to the applied security policy. {removeLink}"
+	},
+	contactRestrictionInformationBarrierNotice: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.contactRestrictionInformationBarrierNotice",
+		defaultMessage: "{count, plural, one {{count} invitation} other {{count} invitations}} cannot be sent due to a security policy. {removeLink}"
+	},
+	contactRestrictionRemoveButtonLabel: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.contactRestrictionRemoveButtonLabel",
+		defaultMessage: "Remove to continue"
+	},
+	justificationSelectPlaceholder: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.justificationSelectPlaceholder",
+		defaultMessage: "Select Justification"
+	},
+	loadingJustificationReasonsLabel: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.loadingJustificationReasonsLabel",
+		defaultMessage: "Loading justification reasons"
+	},
+	errorNoticeIconAriaLabel: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.errorNoticeIconAriaLabel",
+		defaultMessage: "Error"
+	},
+	businessJustification: {
+		id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.businessJustification",
+		defaultMessage: "Business Justification"
+	}
 });
-export {
-  a as default
-};
+export { t as default };

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

@@ -1,67 +1,2 @@
-import { useIntl as x } from "react-intl";
-import { Text as C, Avatar as A } from "@box/blueprint-web";
-import { Gray10 as _ } from "@box/blueprint-web-assets/tokens/tokens";
-import { CollaboratorAvatar as g } from "../collaborator-list/collaborator-avatar.js";
-import I from "./messages.js";
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { useUnifiedShareModalContext as S } from "../../../contexts/unified-share-modal-context.js";
-import { useUnifiedShareFormContext as k } from "../../../contexts/unified-share-form-context.js";
-import { callOnKeyboardEvent as y } from "../../../utils/event.js";
-import '../../../../../styles/shared-with-avatars.css';const W = "_container_1ku5s_2", O = "_avatars_1ku5s_19", c = {
-  container: W,
-  avatars: O
-}, m = 3;
-function D() {
-  const {
-    formatMessage: d
-  } = x(), {
-    collaborators: f,
-    currentUser: u,
-    eventService: h,
-    isSubmitting: o
-  } = S(), {
-    setIsCollaboratorsOpen: v
-  } = k(), {
-    onCollaboratorsClick: a
-  } = h, {
-    id: s
-  } = u, t = f.filter(({
-    isCurrentUser: r,
-    userId: b
-  }) => !(r || s && s === b));
-  if (!t.length)
-    return null;
-  const p = t.slice(0, m), n = t.length - m, i = () => {
-    if (a) {
-      a();
-      return;
-    }
-    v(!0);
-  };
-  return /* @__PURE__ */ l("div", {
-    "aria-disabled": o,
-    className: c.container,
-    onClick: i,
-    onKeyDown: y(i),
-    role: "button",
-    tabIndex: o ? -1 : 0,
-    children: [/* @__PURE__ */ e(C, {
-      as: "span",
-      color: "textOnLightSecondary",
-      children: d(I.sharedWithLabel)
-    }), /* @__PURE__ */ l("div", {
-      className: c.avatars,
-      children: [p.map((r) => /* @__PURE__ */ e(g, {
-        collaborator: r,
-        size: "medium"
-      }, r.id)), n > 0 && /* @__PURE__ */ e(A, {
-        color: _,
-        size: "medium",
-        text: `+${n}`
-      })]
-    })]
-  });
-}
-export {
-  D as SharedWithAvatars
-};
+import { t as e } from "../../../../../chunks/shared-with-avatars.js";
+export { e as SharedWithAvatars };

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

@@ -1,134 +1,2 @@
-import K from "lodash/partition";
-import { useState as _, useEffect as k } from "react";
-import { useIntl as O, FormattedMessage as P } from "react-intl";
-import { Select as m, Link as z, InlineNotice as G, LoadingIndicator as T } from "@box/blueprint-web";
-import t from "./messages.js";
-import { jsx as i } from "react/jsx-runtime";
-import { isCollaboratorRestricted as V } from "../../../utils/collaborator.js";
-import { useUnifiedShareFormContext as q } from "../../../contexts/unified-share-form-context.js";
-import { useUnifiedShareModalContext as H } from "../../../contexts/unified-share-modal-context.js";
-import { callOnKeyboardEvent as Q } from "../../../utils/event.js";
-import '../../../../../styles/shield-restriction-notice.css';const W = "_select_1e0dl_1", X = "_link_1e0dl_5", Y = "_loading_1e0dl_9", Z = "_notice_1e0dl_15", r = {
-  select: W,
-  link: X,
-  loading: Y,
-  notice: Z
-};
-function lt({
-  error: L,
-  isLoading: h,
-  onSelectedUsersChange: N
-}) {
-  const {
-    formatMessage: s
-  } = O(), [g, R] = _(!1), [c, J] = _([]), {
-    setShieldRestriction: o,
-    setUserContacts: j,
-    shieldRestriction: I,
-    userContacts: y
-  } = q(), {
-    eventService: w,
-    item: v,
-    contactService: x
-  } = H(), {
-    getJustificationReasons: l
-  } = x, {
-    onRestrictedUsersRemoveClick: b
-  } = w, {
-    isJustificationAllowed: a,
-    restrictionType: A,
-    restrictedEmails: p = [],
-    restrictedGroups: C = []
-  } = L, f = [...p, ...C];
-  k(() => (a && o({
-    isJustificationAllowed: !0
-  }), () => {
-    o({
-      isJustificationAllowed: !1
-    });
-  }), [a, o]), k(() => {
-    (async () => {
-      if (!(!l || c.length))
-        try {
-          R(!0);
-          const {
-            classificationId: n,
-            options: d
-          } = await l(v);
-          o({
-            classificationId: n
-          }), J(d);
-        } finally {
-          R(!1);
-        }
-    })();
-  }, [v, l, a, c, o]);
-  const B = a ? t.justifiableContactRestrictionRemoveButtonLabel : t.contactRestrictionRemoveButtonLabel, S = () => {
-    const [e, n] = K(y, (d) => V(d, p, C));
-    N(n), j(n), b && b(e);
-  }, F = (e) => {
-    o({
-      justificationReason: c.find((n) => n.id === e)
-    });
-  }, M = /* @__PURE__ */ i(m, {
-    className: r.select,
-    hideLabel: !0,
-    label: s(t.businessJustification),
-    onValueChange: F,
-    placeholder: s(t.justificationSelectPlaceholder),
-    value: I.justificationReason?.id,
-    children: /* @__PURE__ */ i(m.Content, {
-      align: "start",
-      children: c.map((e) => /* @__PURE__ */ i(m.Option, {
-        text: e.title,
-        value: e.id
-      }, e.id))
-    })
-  }), u = /* @__PURE__ */ i(z, {
-    "aria-disabled": h,
-    className: r.link,
-    onClick: S,
-    onKeyDown: Q(S, {
-      canPreventDefault: !0
-    }),
-    role: "button",
-    tabIndex: h ? -1 : 0,
-    children: s(B)
-  }), U = () => A === "information_barrier" ? {
-    message: t.contactRestrictionInformationBarrierNotice,
-    count: f.length,
-    removeLink: u
-  } : !g && a && c?.length > 0 ? {
-    message: t.justifiableContactRestrictionNotice,
-    count: f.length,
-    justificationSelect: M,
-    removeLink: u
-  } : {
-    message: t.contactRestrictionNotice,
-    count: f.length,
-    removeLink: u
-  }, {
-    message: E,
-    ...D
-  } = U();
-  return /* @__PURE__ */ i(G, {
-    className: r.notice,
-    icon: () => null,
-    role: "alert",
-    variant: "error",
-    variantIconAriaLabel: s(t.errorNoticeIconAriaLabel),
-    children: g ? /* @__PURE__ */ i("div", {
-      className: r.loading,
-      children: /* @__PURE__ */ i(T, {
-        "aria-label": s(t.loadingJustificationReasonsLabel),
-        size: "small"
-      })
-    }) : /* @__PURE__ */ i(P, {
-      ...E,
-      values: D
-    })
-  });
-}
-export {
-  lt as ShieldRestrictionNotice
-};
+import { t as e } from "../../../../../chunks/shield-restriction-notice.js";
+export { e as ShieldRestrictionNotice };

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

@@ -1,53 +1,2 @@
-import { useState as g } from "react";
-import { useIntl as f } from "react-intl";
-import { useUniqueId as C, TextArea as p, Text as b } from "@box/blueprint-web";
-import a from "./messages.js";
-import { jsxs as A, jsx as r } from "react/jsx-runtime";
-import { useUnifiedShareModalContext as M } from "../../../contexts/unified-share-modal-context.js";
-import { useUnifiedShareFormContext as _ } from "../../../contexts/unified-share-form-context.js";
-import '../../../../../styles/text-area-container.css';const v = "_textArea_v76md_1", S = "_textCount_v76md_5", i = {
-  textArea: v,
-  textCount: S
-};
-function N(m) {
-  const {
-    formatMessage: t
-  } = f(), {
-    isSubmitting: l
-  } = M(), {
-    messageValue: c,
-    setMessageValue: u
-  } = _(), {
-    maxCount: e
-  } = m, [o, x] = g(e), s = C("text-count-"), d = (h) => {
-    const n = h.target.value;
-    typeof e == "number" && x(e - n.length), u(n);
-  };
-  return /* @__PURE__ */ A("div", {
-    children: [/* @__PURE__ */ r(p, {
-      className: i.textArea,
-      disabled: l,
-      label: t(a.shareMessageLabel),
-      maxLength: e,
-      minRows: 3,
-      onChange: d,
-      placeholder: t(a.shareMessagePlaceholder),
-      value: c,
-      ...e && {
-        "aria-describedby": s
-      }
-    }), !!e && /* @__PURE__ */ r(b, {
-      "aria-label": t(a.shareMessageCharacterCountAriaLabel, {
-        count: o
-      }),
-      as: "span",
-      className: i.textCount,
-      color: "textOnLightSecondary",
-      id: s,
-      children: o
-    })]
-  });
-}
-export {
-  N as TextAreaContainer
-};
+import { t as e } from "../../../../../chunks/text-area-container.js";
+export { e as TextAreaContainer };

package/dist/esm/lib/components/unified-share-form-modal/collaborator-list/collaborator-avatar.js

@@ -1,61 +1,49 @@
-import { useCallback as f } from "react";
-import { useIntl as A } from "react-intl";
-import { Avatar as b, IconBadge as c } from "@box/blueprint-web";
-import C from "./messages.js";
-import { jsx as t } from "react/jsx-runtime";
-import { getFirstInitial as I, getAvatarBadgeSize as g } from "../../../utils/collaborator.js";
-import { formatDateFromTimestampToDateString as B } from "../../../utils/date.js";
-function k({
-  collaborator: d,
-  isBadgeable: e,
-  size: r = "large"
-}) {
-  const {
-    formatMessage: v
-  } = A(), {
-    avatarUrl: x,
-    expiresAt: o,
-    hasCustomAvatar: u,
-    id: i,
-    isExternal: n,
-    name: s
-  } = d, m = u === !1 ? void 0 : x, a = f(() => /* @__PURE__ */ t(b, {
-    alt: "",
-    colorIndex: parseInt(i, 10),
-    size: r,
-    src: m,
-    text: I(s)
-  }), [m, i, s, r]), l = f(() => /* @__PURE__ */ t(c, {
-    offset: {
-      bottom: -4,
-      right: -4
-    },
-    size: g(r),
-    variant: "collaborator-external",
-    children: /* @__PURE__ */ t(a, {})
-  }), [a, r]);
-  if (e && o) {
-    const h = typeof o == "number" ? B(o) : o, p = v(C.expiresBadge, {
-      date: h
-    });
-    return /* @__PURE__ */ t(c, {
-      offset: {
-        bottom: 20,
-        right: 20
-      },
-      showTooltipOnBadge: !0,
-      size: g(r),
-      tooltipConfig: {
-        tooltipAriaLabel: p,
-        tooltipContent: p,
-        tooltipSide: "right"
-      },
-      variant: "status-pending",
-      children: n ? /* @__PURE__ */ t(l, {}) : /* @__PURE__ */ t(a, {})
-    });
-  }
-  return e && n ? /* @__PURE__ */ t(l, {}) : /* @__PURE__ */ t(a, {});
+import { getAvatarBadgeSize as e, getFirstInitial as t } from "../../../utils/collaborator.js";
+import { formatDateFromTimestampToDateString as n } from "../../../utils/date.js";
+import r from "./messages.js";
+import { useCallback as i } from "react";
+import { useIntl as a } from "react-intl";
+import { Avatar as o, IconBadge as s } from "@box/blueprint-web";
+import { jsx as c } from "react/jsx-runtime";
+function l({ collaborator: l, isBadgeable: u, size: d = "large" }) {
+	let { formatMessage: f } = a(), { avatarUrl: p, expiresAt: m, hasCustomAvatar: h, id: g, isExternal: _, name: v } = l, y = h === !1 ? void 0 : p, b = i(() => /* @__PURE__ */ c(o, {
+		alt: "",
+		colorIndex: parseInt(g, 10),
+		size: d,
+		src: y,
+		text: t(v)
+	}), [
+		y,
+		g,
+		v,
+		d
+	]), x = i(() => /* @__PURE__ */ c(s, {
+		offset: {
+			bottom: -4,
+			right: -4
+		},
+		size: e(d),
+		variant: "collaborator-external",
+		children: /* @__PURE__ */ c(b, {})
+	}), [b, d]);
+	if (u && m) {
+		let t = typeof m == "number" ? n(m) : m, i = f(r.expiresBadge, { date: t });
+		return /* @__PURE__ */ c(s, {
+			offset: {
+				bottom: 20,
+				right: 20
+			},
+			showTooltipOnBadge: !0,
+			size: e(d),
+			tooltipConfig: {
+				tooltipAriaLabel: i,
+				tooltipContent: i,
+				tooltipSide: "right"
+			},
+			variant: "status-pending",
+			children: c(_ ? x : b, {})
+		});
+	}
+	return c(u && _ ? x : b, {});
 }
-export {
-  k as CollaboratorAvatar
-};
+export { l as CollaboratorAvatar };