@box/unified-share-modal 1.22.2 → 1.23.0

package/dist/esm/lib/components/index.js

@@ -1,8 +1,10 @@
-import { RemoveSharedLinkModal as r } from "./remove-shared-link-modal/remove-shared-link-modal.js";
-import { SharedLinkSettingsModal as d } from "./shared-link-settings-modal/shared-link-settings-modal.js";
-import { UnifiedShareFormModal as m } from "./unified-share-form-modal/unified-share-form-modal.js";
+import { RemoveCollaboratorModal as e } from "./remove-collaborator-modal/remove-collaborator-modal.js";
+import { RemoveSharedLinkModal as d } from "./remove-shared-link-modal/remove-shared-link-modal.js";
+import { SharedLinkSettingsModal as t } from "./shared-link-settings-modal/shared-link-settings-modal.js";
+import { UnifiedShareFormModal as f } from "./unified-share-form-modal/unified-share-form-modal.js";
 export {
-  r as RemoveSharedLinkModal,
-  d as SharedLinkSettingsModal,
-  m as UnifiedShareFormModal
+  e as RemoveCollaboratorModal,
+  d as RemoveSharedLinkModal,
+  t as SharedLinkSettingsModal,
+  f as UnifiedShareFormModal
 };

package/dist/esm/lib/components/remove-collaborator-modal/index.js

@@ -0,0 +1,4 @@
+import { RemoveCollaboratorModal as a } from "./remove-collaborator-modal.js";
+export {
+  a as RemoveCollaboratorModal
+};

package/dist/esm/lib/components/remove-collaborator-modal/messages.js

@@ -0,0 +1,30 @@
+import { defineMessages as e } from "react-intl";
+const a = e({
+  title: {
+    id: "groupSharedFeatures.usm.removeCollaborator.title",
+    defaultMessage: "Remove Collaborator"
+  },
+  bodyText: {
+    id: "groupSharedFeatures.usm.removeCollaborator.bodyText",
+    defaultMessage: "Are you sure you want to remove {name} as a collaborator?"
+  },
+  cancelButton: {
+    id: "groupSharedFeatures.usm.removeCollaborator.cancelButton",
+    defaultMessage: "Cancel"
+  },
+  closeButton: {
+    id: "groupSharedFeatures.usm.removeCollaborator.closeButton",
+    defaultMessage: "Close"
+  },
+  loadingLabel: {
+    id: "groupSharedFeatures.usm.removeCollaborator.loadingLabel",
+    defaultMessage: "Loading"
+  },
+  okayButton: {
+    id: "groupSharedFeatures.usm.removeCollaborator.okayButton",
+    defaultMessage: "Okay"
+  }
+});
+export {
+  a as default
+};

package/dist/esm/lib/components/remove-collaborator-modal/remove-collaborator-modal.js

@@ -0,0 +1,64 @@
+import { useIntl as x } from "react-intl";
+import { Modal as o, Text as y } from "@box/blueprint-web";
+import t from "./messages.js";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { useSharingAction as B } from "../../hooks/use-sharing-action.js";
+import { useUnifiedShareModalContext as S } from "../../contexts/unified-share-modal-context.js";
+function R({
+  isOpen: m,
+  onOpenChange: d
+}) {
+  const {
+    formatMessage: n
+  } = x(), {
+    collaborator: i,
+    isSubmitting: h,
+    sharingService: b,
+    setCollaborator: u
+  } = S(), {
+    email: f,
+    name: g
+  } = i, {
+    removeCollaborator: l
+  } = b, a = (r) => {
+    d(r), u(void 0);
+  }, p = async () => {
+    l && (await l(i), a(!1), await new Promise((r) => setTimeout(r)));
+  }, {
+    isLoading: C,
+    onAction: v
+  } = B(p, "remove-collaborator"), s = h ?? C;
+  return /* @__PURE__ */ e(o, {
+    onOpenChange: a,
+    open: m,
+    children: /* @__PURE__ */ c(o.Content, {
+      size: "small",
+      children: [/* @__PURE__ */ e(o.Header, {
+        children: n(t.title)
+      }), /* @__PURE__ */ e(o.Body, {
+        children: /* @__PURE__ */ e(y, {
+          as: "p",
+          children: n(t.bodyText, {
+            name: f || g
+          })
+        })
+      }), /* @__PURE__ */ c(o.Footer, {
+        children: [/* @__PURE__ */ e(o.Footer.SecondaryButton, {
+          disabled: s,
+          onClick: () => a(!1),
+          children: n(t.cancelButton)
+        }), /* @__PURE__ */ e(o.Footer.PrimaryButton, {
+          loading: s,
+          loadingAriaLabel: n(t.loadingLabel),
+          onClick: v,
+          children: n(t.okayButton)
+        })]
+      }), /* @__PURE__ */ e(o.Close, {
+        "aria-label": n(t.closeButton)
+      })]
+    })
+  });
+}
+export {
+  R as RemoveCollaboratorModal
+};

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

@@ -1,59 +1,55 @@
-import { useIntl as f } from "react-intl";
-import { Modal as e, Text as y } from "@box/blueprint-web";
-import i from "./messages.js";
-import { jsx as o, jsxs as a } from "react/jsx-runtime";
-import { useSharingAction as g } from "../../hooks/use-sharing-action.js";
+import { useIntl as b } from "react-intl";
+import { Modal as e, Text as g } from "@box/blueprint-web";
+import t from "./messages.js";
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
 import { useUnifiedShareModalContext as S } from "../../contexts/unified-share-modal-context.js";
-import '../../../../styles/remove-shared-link-modal.css';const k = "_body_1eb8k_1", p = {
-  body: k
-};
-function A({
-  isOpen: l,
+import { useSharingAction as p } from "../../hooks/use-sharing-action.js";
+function M({
+  isOpen: s,
   onOpenChange: n
 }) {
   const {
-    formatMessage: t
-  } = f(), {
+    formatMessage: i
+  } = b(), {
     isSubmitting: d,
     sharingService: c
   } = S(), {
     deleteSharedLink: r
   } = c, m = async () => {
-    r && (await r(), n(!1), await new Promise((u) => setTimeout(u)));
+    r && (await r(), n(!1), await new Promise((f) => setTimeout(f)));
   }, {
-    isLoading: b,
-    onAction: h
-  } = g(m, "delete-shared-link"), s = d ?? b;
+    isLoading: h,
+    onAction: u
+  } = p(m, "delete-shared-link"), a = d ?? h;
   return /* @__PURE__ */ o(e, {
     onOpenChange: n,
-    open: l,
-    children: /* @__PURE__ */ a(e.Content, {
+    open: s,
+    children: /* @__PURE__ */ l(e.Content, {
       size: "small",
       children: [/* @__PURE__ */ o(e.Header, {
-        children: t(i.title)
+        children: i(t.title)
       }), /* @__PURE__ */ o(e.Body, {
-        className: p.body,
-        children: /* @__PURE__ */ o(y, {
+        children: /* @__PURE__ */ o(g, {
           as: "p",
-          children: t(i.bodyText)
+          children: i(t.bodyText)
         })
-      }), /* @__PURE__ */ a(e.Footer, {
+      }), /* @__PURE__ */ l(e.Footer, {
         children: [/* @__PURE__ */ o(e.Footer.SecondaryButton, {
-          disabled: s,
+          disabled: a,
           onClick: () => n(!1),
-          children: t(i.cancelButton)
+          children: i(t.cancelButton)
         }), /* @__PURE__ */ o(e.Footer.PrimaryButton, {
-          loading: s,
-          loadingAriaLabel: t(i.loadingLabel),
-          onClick: h,
-          children: t(i.okayButton)
+          loading: a,
+          loadingAriaLabel: i(t.loadingLabel),
+          onClick: u,
+          children: i(t.okayButton)
         })]
       }), /* @__PURE__ */ o(e.Close, {
-        "aria-label": t(i.closeButton)
+        "aria-label": i(t.closeButton)
       })]
     })
   });
 }
 export {
-  A as RemoveSharedLinkModal
+  M as RemoveSharedLinkModal
 };

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

@@ -17,14 +17,14 @@ function D({
     item: u,
     sharedLink: g
   } = S(), {
+    classification: p
+  } = u, {
     downloadUrl: l,
     directLinkBlockedReason: a,
-    settings: p = {}
+    settings: h = {}
   } = g, {
     isDirectLinkAvailable: d
-  } = p, {
-    classification: h
-  } = u, r = /* @__PURE__ */ o(B, {
+  } = h, r = /* @__PURE__ */ o(B, {
     disabled: s,
     label: t(e.directLinkLabel),
     value: l
@@ -32,7 +32,7 @@ function D({
   if (!f)
     return l && d ? r : null;
   let i;
-  a === "malicious_content" ? i = t(e.directLinkBlockedByMaliciousContent) : a === "access_policy" && (i = t(h ? e.directLinkBlockedByAccessPolicyWithClassification : e.directLinkBlockedByAccessPolicyWithoutClassification));
+  a === "malicious_content" ? i = t(e.directLinkBlockedByMaliciousContent) : a === "access_policy" && (i = t(p ? e.directLinkBlockedByAccessPolicyWithClassification : e.directLinkBlockedByAccessPolicyWithoutClassification));
   const L = n && !!l && d && !i;
   return /* @__PURE__ */ C(x, {
     children: [i ? /* @__PURE__ */ o(w, {

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

@@ -1,64 +1,86 @@
-import f from "lodash/camelCase";
-import { useIntl as g } from "react-intl";
-import { Row as _, Cell as i, Text as o } from "@box/blueprint-web";
-import { CollaboratorAvatar as u } from "./collaborator-avatar.js";
-import b from "../messages.js";
-import v from "./messages.js";
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { isCollaboratorRoleSupported as x } from "../../../utils/collaborator.js";
-import '../../../../../styles/collaborator-list-item.css';const D = "_nameCell_1qrwh_1", R = "_nameDetails_1qrwh_7", w = "_roleCell_1qrwh_14", r = {
-  nameCell: D,
-  nameDetails: R,
-  roleCell: w
+import R 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 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
 };
-function $({
-  collaborator: t
+function J({
+  collaborator: a
 }) {
   const {
-    formatMessage: s
-  } = g(), {
-    email: n,
-    hasCustomRole: m,
-    id: c,
-    isPending: d,
-    name: p,
-    role: l
-  } = t, h = x(l) ? s(b[`${f(l)}Role`]) : "", C = m ? l : h;
-  return /* @__PURE__ */ a(_, {
-    id: c,
-    children: [/* @__PURE__ */ e(i, {
-      children: /* @__PURE__ */ a("div", {
-        className: r.nameCell,
-        children: [/* @__PURE__ */ e(u, {
-          collaborator: t,
+    formatMessage: o
+  } = D(), {
+    email: i,
+    hasCustomRole: c,
+    id: d,
+    isPending: p,
+    isRemovable: C,
+    name: f,
+    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");
+  };
+  return /* @__PURE__ */ t(S, {
+    id: d,
+    children: [/* @__PURE__ */ e(m, {
+      children: /* @__PURE__ */ t("div", {
+        className: l.nameCell,
+        children: [/* @__PURE__ */ e(L, {
+          collaborator: a,
           isBadgeable: !0,
           size: "large"
-        }), /* @__PURE__ */ a("div", {
-          className: r.nameDetails,
-          children: [/* @__PURE__ */ e(o, {
+        }), /* @__PURE__ */ t("div", {
+          className: l.nameDetails,
+          children: [/* @__PURE__ */ e(n, {
             as: "span",
             variant: "bodyDefaultSemibold",
-            children: p
-          }), n && /* @__PURE__ */ e(o, {
+            children: f
+          }), i && /* @__PURE__ */ e(n, {
             as: "span",
             color: "textOnLightSecondary",
             variant: "caption",
-            children: n
+            children: i
           })]
         })]
       })
-    }), /* @__PURE__ */ e(i, {
-      children: /* @__PURE__ */ e("div", {
-        className: r.roleCell,
-        children: /* @__PURE__ */ e(o, {
+    }), /* @__PURE__ */ e(m, {
+      children: /* @__PURE__ */ t("div", {
+        className: l.roleCell,
+        children: [/* @__PURE__ */ e(n, {
           as: "span",
+          className: l.text,
           color: "textOnLightSecondary",
-          children: d ? s(v.pendingRole) : C
-        })
+          children: p ? o(s.pendingRole) : _
+        }), C && u.canRemoveCollaborator && /* @__PURE__ */ e(q, {
+          content: o(s.removeButton),
+          children: /* @__PURE__ */ e(y, {
+            "aria-label": o(s.removeButton),
+            icon: B,
+            onClick: b
+          })
+        })]
       })
     })]
   });
 }
 export {
-  $ as CollaboratorListItem
+  J as CollaboratorListItem
 };

package/dist/esm/lib/components/unified-share-form-modal/collaborators-view/messages.js

@@ -31,6 +31,10 @@ const o = e({
   pendingRole: {
     id: "groupSharedFeatures.usm.unifiedShareFormModal.collaboratorsView.pendingRole",
     defaultMessage: "Pending"
+  },
+  removeButton: {
+    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaboratorsView.removeButton",
+    defaultMessage: "Remove"
   }
 });
 export {

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

@@ -8,7 +8,7 @@ import { CopyInput as Z } from "@box/copy-input";
 import { SharedLinkAccess as $ } from "./shared-link-access.js";
 import { SharedLinkPermission as ee } from "./shared-link-permission.js";
 import t from "./messages.js";
-import { jsxs as g, jsx as o } from "react/jsx-runtime";
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
 import { useUnifiedShareFormContext as te } from "../../../contexts/unified-share-form-context.js";
 import { useUnifiedShareModalContext as ie } from "../../../contexts/unified-share-modal-context.js";
 import { useSharingAction as N } from "../../../hooks/use-sharing-action.js";
@@ -24,15 +24,15 @@ import '../../../../../styles/shared-link-section.css';const ae = "_container_q9
 function Ae() {
   const {
     formatMessage: e
-  } = K(), k = b(!0), L = b(null), u = b(null), {
-    onModalViewChange: h,
+  } = K(), g = b(!0), k = b(null), u = b(null), {
+    onModalViewChange: L,
     onShareViewChange: P
   } = te(), {
     config: n,
     isFetching: v,
     isSubmitting: w,
     item: E,
-    sharedLink: m,
+    sharedLink: h,
     sharingService: F
   } = ie(), {
     permissions: A = {}
@@ -47,19 +47,19 @@ function Ae() {
   const {
     isLoading: q,
     onAction: y
-  } = N(z, _), i = !!m.url, a = w ?? q, [S, R] = j(!1), p = x(async () => {
+  } = N(z, _), i = !!h.url, a = w ?? q, [S, R] = j(!1), m = x(async () => {
     i || (await y(), R(!0));
-  }, [i, y]), M = x(async () => (p(), new Promise((s) => {
+  }, [i, y]), M = x(async () => (m(), new Promise((s) => {
     u.current = {
       resolve: s
     };
-  })), [p]), {
+  })), [m]), {
     onAction: D
   } = N(M, "auto-copy-shared-link");
   I(() => {
-    !k.current || v || (r ? D() : C && p(), k.current = !1);
-  }, [v, k, r, C, p, D]), I(() => {
-    i && r && L.current && L.current.click();
+    !g.current || v || (r ? D() : C && m(), g.current = !1);
+  }, [v, g, r, C, m, D]), I(() => {
+    i && r && k.current && k.current.click();
   }, [i, r]);
   const B = x((l) => {
     if (!u.current)
@@ -72,16 +72,16 @@ function Ae() {
       }]
     }), u.current = null;
   }, [e, S]), U = async (l) => {
-    !l && h && h("remove-shared-link"), l && await y();
+    l || L("remove-shared-link"), l && await y();
   };
-  let c, f = !1;
-  return !i && !a && (c = e(t.sharedLinkToggleTooltip)), !i && !A.canShare && (c = e(t.createLinkDisabledTooltip), f = !0), i && !A.canSetShareAccess && (c = e(t.removeLinkDisabledTooltip), f = !0), /* @__PURE__ */ g("div", {
+  let c, p = !1;
+  return !i && !a && (c = e(t.sharedLinkToggleTooltip)), !i && !A.canShare && (c = e(t.createLinkDisabledTooltip), p = !0), i && !A.canSetShareAccess && (c = e(t.removeLinkDisabledTooltip), p = !0), /* @__PURE__ */ f("div", {
     className: d.container,
     children: [/* @__PURE__ */ o(V, {
       as: "label",
       variant: "bodyDefaultBold",
       children: e(t.shareLinkLabel)
-    }), /* @__PURE__ */ g("div", {
+    }), /* @__PURE__ */ f("div", {
       className: d.toggle,
       children: [/* @__PURE__ */ o(T, {
         align: "start",
@@ -89,18 +89,18 @@ function Ae() {
         "data-testid": "shared-link-tooltip",
         open: c ? void 0 : !1,
         children: /* @__PURE__ */ o(O, {
-          focusable: f,
+          focusable: p,
           children: /* @__PURE__ */ o(G.Item, {
             checked: i,
-            disabled: f || a,
+            disabled: p || a,
             label: e(t.sharedLinkToggleLabel),
             onCheckedChange: U,
             value: "shared-link"
           })
         })
-      }), i && !!m.expiresAt && /* @__PURE__ */ o(T, {
+      }), i && !!h.expiresAt && /* @__PURE__ */ o(T, {
         content: e(t.expirationIconTooltip, {
-          expirationDate: oe(m.expiresAt)
+          expirationDate: oe(h.expiresAt)
         }),
         "data-testid": "expiration-date-tooltip",
         children: /* @__PURE__ */ o(H, {
@@ -113,8 +113,8 @@ function Ae() {
         "aria-disabled": a,
         "aria-haspopup": "dialog",
         className: d.settings,
-        onClick: () => h("shared-link-settings"),
-        onKeyDown: ne(() => h("shared-link-settings"), {
+        onClick: () => L("shared-link-settings"),
+        onKeyDown: ne(() => L("shared-link-settings"), {
           canPreventDefault: !0
         }),
         role: "button",
@@ -122,16 +122,16 @@ function Ae() {
         variant: "standalone",
         children: e(t.sharedLinkSettingsLabel)
       })]
-    }), i && /* @__PURE__ */ g("div", {
+    }), i && /* @__PURE__ */ f("div", {
       className: d.copy,
       children: [/* @__PURE__ */ o(Z, {
-        ref: L,
+        ref: k,
         autoFocus: C && i,
         disabled: a,
         hideLabel: !0,
         label: e(t.sharedLinkUrlLabel),
         onCopy: B,
-        value: m.url
+        value: h.url
       }), n.sharedLinkEmail && /* @__PURE__ */ o(T, {
         align: "end",
         content: e(t.sharedLinkEmailLabel),
@@ -144,7 +144,7 @@ function Ae() {
           variant: "secondary"
         })
       })]
-    }), i && (n.sharedLinkAccess || n.sharedLinkPermission) && /* @__PURE__ */ g("div", {
+    }), i && (n.sharedLinkAccess || n.sharedLinkPermission) && /* @__PURE__ */ f("div", {
       className: d.access,
       children: [n.sharedLinkAccess && /* @__PURE__ */ o($, {}), n.sharedLinkPermission && /* @__PURE__ */ o(ee, {})]
     })]

package/dist/esm/lib/constants.js

@@ -1,4 +1,4 @@
-const e = ["invite-collaborators", "create-shared-link", "delete-shared-link", "update-shared-link", "email-shared-link", "auto-copy-shared-link"], r = {
+const e = ["invite-collaborators", "remove-collaborator", "create-shared-link", "delete-shared-link", "update-shared-link", "email-shared-link", "auto-copy-shared-link"], r = {
   collaboration: !0,
   collaborationLimit: 100,
   collaborationMessage: !0,
@@ -14,12 +14,12 @@ const e = ["invite-collaborators", "create-shared-link", "delete-shared-link", "
   sharedLinkEmail: !0,
   sharedLinkPermission: !0,
   sharedLinkSettings: !0
-}, o = ["co_owner", "editor", "previewer", "previewer_uploader", "uploader", "viewer", "viewer_uploader"], a = ["owner", ...o], t = ["open", "company", "collaborators"], n = ["can_edit", "can_download", "can_preview"], i = 256, s = "boxnote";
+}, o = ["co_owner", "editor", "previewer", "previewer_uploader", "uploader", "viewer", "viewer_uploader"], a = ["owner", ...o], t = ["open", "company", "collaborators"], n = ["can_edit", "can_download", "can_preview"], i = 256, l = "boxnote";
 export {
   i as COLLABORATION_MESSAGE_CHARACTER_LIMIT,
   r as DEFAULT_CONFIGURATION,
   e as DEFAULT_NOTIFICATIONS,
-  s as FILE_EXTENSION_BOX_NOTE,
+  l as FILE_EXTENSION_BOX_NOTE,
   t as SUPPORTED_ACCESS_LEVELS,
   a as SUPPORTED_COLLABORATOR_ROLES,
   o as SUPPORTED_INVITATION_ROLES,

package/dist/esm/lib/messages.js

@@ -1,5 +1,5 @@
 import { defineMessages as e } from "react-intl";
-const r = e({
+const a = e({
   contactsExceedLimitError: {
     id: "groupSharedFeatures.usm.contactsExceedLimitError",
     defaultMessage: "Oops! The maximum number of collaborators that can be added at once is {maxContacts} collaborators. Please try again by splitting your invitations into batches."
@@ -20,6 +20,14 @@ const r = e({
     id: "groupSharedFeatures.usm.defaultErrorNoticeText",
     defaultMessage: "Something went wrong. Please try again later."
   },
+  removeCollaboratorSuccessNoticeText: {
+    id: "groupSharedFeatures.usm.removeCollaboratorSuccessNoticeText",
+    defaultMessage: "The collaborator has been removed successfully."
+  },
+  removeCollaboratorErrorNoticeText: {
+    id: "groupSharedFeatures.usm.removeCollaboratorErrorNoticeText",
+    defaultMessage: "Unable to remove the collaborator. Please try again later."
+  },
   deleteSharedLinkSuccessNoticeText: {
     id: "groupSharedFeatures.usm.deleteSharedLinkSuccessNoticeText",
     defaultMessage: "The shared link for “{itemName}” has been removed successfully."
@@ -90,5 +98,5 @@ const r = e({
   }
 });
 export {
-  r as default
+  a as default
 };