@box/unified-share-modal 2.8.8 → 2.8.9

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

@@ -4,14 +4,14 @@ import { useEffect as F } from "react";
 import { useIntl as B } from "react-intl";
 import { Modal as o, Divider as S, Text as k } from "@box/blueprint-web";
 import n from "./messages.js";
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { useUnifiedShareModalContext as w } from "../../contexts/unified-share-modal-context.js";
-import { useSharingAction as D } from "../../hooks/use-sharing-action.js";
-import '../../../../styles/remove-collaborator-modal.css';const M = "_content_166yb_1", P = "_isFullscreen_166yb_1", A = "_body_166yb_10", N = "_divider_166yb_17", i = {
-  content: M,
-  isFullscreen: P,
-  body: A,
-  divider: N
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { useUnifiedShareModalContext as D } from "../../contexts/unified-share-modal-context.js";
+import { useSharingAction as M } from "../../hooks/use-sharing-action.js";
+import '../../../../styles/remove-collaborator-modal.css';const w = "_content_166yb_1", A = "_isFullscreen_166yb_1", N = "_body_166yb_10", P = "_divider_166yb_17", i = {
+  content: w,
+  isFullscreen: A,
+  body: N,
+  divider: P
 };
 function q({
   isOpen: l,
@@ -20,47 +20,47 @@ function q({
   const {
     formatMessage: t
   } = B(), {
-    collaborator: m,
+    collaborator: d,
     isSubmitting: r,
-    sharingService: f,
-    setCollaborator: u,
-    variant: y
-  } = w(), {
-    email: p,
-    name: h
-  } = m ?? {}, {
-    removeCollaborator: b
-  } = f, a = y === "desktop";
+    sharingService: b,
+    setCollaborator: m,
+    variant: u
+  } = D(), {
+    email: f,
+    name: y
+  } = d ?? {}, {
+    removeCollaborator: p
+  } = b, a = u === "desktop";
   F(() => {
-    l || u(null);
-  }, [l, u]);
-  const v = async () => {
-    b && (await b(m), s(!1), await new Promise((c) => setTimeout(c)));
-  }, {
-    onAction: _
-  } = D(v, "remove-collaborator"), g = (c) => {
-    c.preventDefault();
+    l || m(null);
+  }, [l, m]);
+  const {
+    onAction: h
+  } = M(p, "remove-collaborator"), v = async () => {
+    await h(d), s(!1);
+  }, _ = (g) => {
+    g.preventDefault();
   };
   return /* @__PURE__ */ e(o, {
     onOpenChange: r ? C : s,
     open: l,
-    children: /* @__PURE__ */ d(o.Content, {
+    children: /* @__PURE__ */ c(o.Content, {
       className: x(i.content, a && i.isFullscreen),
-      onPointerDownOutside: g,
+      onPointerDownOutside: _,
       size: "small",
       children: [/* @__PURE__ */ e(o.Header, {
         children: t(n.title)
-      }), /* @__PURE__ */ d(o.Body, {
+      }), /* @__PURE__ */ c(o.Body, {
         className: i.body,
         children: [a && /* @__PURE__ */ e(S, {
           className: i.divider
         }), /* @__PURE__ */ e(k, {
           as: "p",
           children: t(n.bodyText, {
-            name: p || h
+            name: f || y
           })
         })]
-      }), /* @__PURE__ */ d(o.Footer, {
+      }), /* @__PURE__ */ c(o.Footer, {
         children: [/* @__PURE__ */ e(o.Footer.SecondaryButton, {
           disabled: r,
           onClick: () => s(!1),
@@ -68,7 +68,7 @@ function q({
         }), /* @__PURE__ */ e(o.Footer.PrimaryButton, {
           loading: r,
           loadingAriaLabel: t(n.loadingLabel),
-          onClick: _,
+          onClick: v,
           children: t(n.okayButton)
         })]
       }), !a && /* @__PURE__ */ e(o.Close, {

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

@@ -6,34 +6,34 @@ import n from "./messages.js";
 import { jsx as o, jsxs as d } from "react/jsx-runtime";
 import { useUnifiedShareModalContext as g } from "../../contexts/unified-share-modal-context.js";
 import { useSharingAction as x } from "../../hooks/use-sharing-action.js";
-import '../../../../styles/remove-collaborator-modal.css';const F = "_content_166yb_1", B = "_isFullscreen_166yb_1", D = "_body_166yb_10", w = "_divider_166yb_17", s = {
+import '../../../../styles/remove-collaborator-modal.css';const F = "_content_166yb_1", B = "_isFullscreen_166yb_1", D = "_body_166yb_10", C = "_divider_166yb_17", s = {
   content: F,
   isFullscreen: B,
   body: D,
-  divider: w
+  divider: C
 };
 function z({
-  isOpen: m,
+  isOpen: a,
   onOpenChange: r
 }) {
   const {
     formatMessage: t
   } = v(), {
     isSubmitting: i,
-    sharingService: u,
-    variant: b
+    sharingService: c,
+    variant: m
   } = g(), {
-    deleteSharedLink: c
-  } = u, l = b === "desktop", f = async () => {
-    c && (await c(), r(!1), await new Promise((a) => setTimeout(a)));
-  }, {
-    onAction: h
-  } = x(f, "delete-shared-link"), y = (a) => {
-    a.preventDefault();
+    deleteSharedLink: u
+  } = c, l = m === "desktop", {
+    onAction: b
+  } = x(u, "delete-shared-link"), h = async () => {
+    await b(), r(!1);
+  }, y = (f) => {
+    f.preventDefault();
   };
   return /* @__PURE__ */ o(e, {
     onOpenChange: i ? _ : r,
-    open: m,
+    open: a,
     children: /* @__PURE__ */ d(e.Content, {
       className: p(s.content, l && s.isFullscreen),
       onPointerDownOutside: y,

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

@@ -1,49 +1,50 @@
 import pe from "clsx";
-import { useState as he, useRef as fe, useEffect as P, useCallback as C } from "react";
+import { useState as fe, useRef as he, useEffect as R, useCallback as C } from "react";
 import { createPortal as be } from "react-dom";
 import { useIntl as ge } from "react-intl";
-import { useBlueprintModernization as Ce, useNotification as ve, useUniqueId as Se, useLabelable as Ue, Tooltip as _e, Focusable as Fe, Text as Le, Modal as v } from "@box/blueprint-web";
-import { Globe as xe } from "@box/blueprint-web-assets/icons/Medium";
-import { bpSize040 as R } from "@box/blueprint-web-assets/tokens/tokens";
-import { UserSelectorContainer as ye } from "@box/user-selector";
-import { CollaborationRole as Ee } from "./collaboration-role.js";
-import { SharedWithAvatars as Ae } from "./shared-with-avatars.js";
-import { ShieldRestrictionNotice as Be } from "./shield-restriction-notice.js";
-import { TextAreaContainer as Ne } from "./text-area-container.js";
-import o from "./messages.js";
-import { jsxs as l, jsx as r, Fragment as Pe } from "react/jsx-runtime";
-import { useFormValidation as Re } from "../../../hooks/use-form-validation.js";
+import { useBlueprintModernization as Ce, useNotification as ve, useUniqueId as Se, useLabelable as Ue, Tooltip as _e, Focusable as Fe, Text as xe, Modal as v } from "@box/blueprint-web";
+import { Globe as ye } from "@box/blueprint-web-assets/icons/Medium";
+import { bpSize040 as B } from "@box/blueprint-web-assets/tokens/tokens";
+import { UserSelectorContainer as Ee } from "@box/user-selector";
+import { CollaborationRole as Le } from "./collaboration-role.js";
+import { SharedWithAvatars as Ne } from "./shared-with-avatars.js";
+import { ShieldRestrictionNotice as Ae } from "./shield-restriction-notice.js";
+import { TextAreaContainer as Pe } from "./text-area-container.js";
+import r from "./messages.js";
+import { jsxs as l, jsx as t, Fragment as Re } from "react/jsx-runtime";
+import { useFormValidation as Be } from "../../../hooks/use-form-validation.js";
 import { useCollaborationForm as ke } from "../../../hooks/use-collaboration-form.js";
 import { useUnifiedShareFormContext as Ve } from "../../../contexts/unified-share-form-context.js";
 import { useUnifiedShareModalContext as De } from "../../../contexts/unified-share-modal-context.js";
-import { parseEmails as Ie } from "../../../utils/email.js";
-import '../../../../../styles/collaboration-section.css';const Te = "_container_1e2gg_2", Me = "_label_1e2gg_8", ze = "_modernized_1e2gg_15", Oe = "_security_1e2gg_33", we = "_icon_1e2gg_37", We = "_access_1e2gg_43", c = {
-  container: Te,
-  label: Me,
-  modernized: ze,
-  security: Oe,
-  icon: we,
-  access: We
+import { parseEmails as Te } from "../../../utils/email.js";
+import { getNotificationArgs as Me } from "../../../utils/notification.js";
+import '../../../../../styles/collaboration-section.css';const ze = "_container_1e2gg_2", Ie = "_label_1e2gg_8", Oe = "_modernized_1e2gg_15", we = "_security_1e2gg_33", We = "_icon_1e2gg_37", je = "_access_1e2gg_43", c = {
+  container: ze,
+  label: Ie,
+  modernized: Oe,
+  security: we,
+  icon: We,
+  access: je
 };
-function lt() {
+function dt() {
   const {
-    formatMessage: t
-  } = ge(), [S, y] = he(), {
+    formatMessage: o
+  } = ge(), [S, E] = fe(), {
     enableModernizedComponents: k
   } = Ce(), {
     addNotification: V
   } = ve(), {
     validateShieldRestriction: D
-  } = Re(), {
-    contactValue: I,
+  } = Be(), {
+    contactValue: T,
     containerRef: U,
     form: n,
     setForm: d,
-    setUserContacts: T,
-    shieldRestriction: M,
+    setUserContacts: M,
+    shieldRestriction: z,
     userContacts: i
   } = Ve(), {
-    collaborationAccess: z,
+    collaborationAccess: I,
     collaborationNotices: O,
     config: p,
     contactService: w,
@@ -63,83 +64,80 @@ function lt() {
     sendInvitations: J,
     sendSharedLink: Q
   } = q;
-  let L, x;
-  n === "invite" && (L = J, x = "invite-collaborators"), n === "email" && (L = Q, x = "email-shared-link");
+  let x, y;
+  n === "invite" && (x = J, y = "invite-collaborators"), n === "email" && (x = Q, y = "email-shared-link");
   const {
     errors: X,
-    handleFormReset: E,
+    handleFormReset: L,
     handleFormSubmit: Y,
-    handleSelectedUsersChange: h,
+    handleSelectedUsersChange: f,
     handleUserSelectorBlur: Z,
     updateContactValue: ee
-  } = ke(L, x), te = K === "desktop", u = n === "default" || n === "invite", a = n === "invite" || n === "email", oe = i.some((e) => e.isExternalUser), A = fe(n === "email" ? "email" : "invite");
-  P(() => {
-    A.current = n === "email" ? "email" : "invite";
-  }, [n]), P(() => {
-    (!i.length || !i.some((e) => e.chipVariant === "error")) && y(null);
+  } = ke(x, y), te = K === "desktop", u = n === "default" || n === "invite", a = n === "invite" || n === "email", oe = i.some((e) => e.isExternalUser), N = he(n === "email" ? "email" : "invite");
+  R(() => {
+    N.current = n === "email" ? "email" : "invite";
+  }, [n]), R(() => {
+    (!i.length || !i.some((e) => e.chipVariant === "error")) && E(null);
   }, [i]);
-  const re = C((e) => (e.stopPropagation(), !0), []), ie = C((e) => _ ? _(e, A.current) : Promise.resolve([]), [_]), ne = C((e) => F ? F(e) : Promise.resolve({}), [F]), ae = (e) => {
+  const re = C((e) => (e.stopPropagation(), !0), []), ie = C((e) => _ ? _(e, N.current) : Promise.resolve([]), [_]), ne = C((e) => F ? F(e) : Promise.resolve({}), [F]), ae = (e) => {
     a || d("invite"), ee(e);
   }, se = C((e) => {
     const s = e.clipboardData.getData("text");
-    Ie(s).length !== 0 && (e.preventDefault(), a || d("invite"), h([...i, {
+    Te(s).length !== 0 && (e.preventDefault(), a || d("invite"), f([...i, {
       value: s
     }]));
-  }, [h, a, d, i]), le = () => {
-    E(), d("default");
+  }, [f, a, d, i]), le = () => {
+    L(), d("default");
   }, ce = async () => {
     try {
       if (S) {
-        const e = D(i, M);
+        const e = D(i, z);
         if (e) {
           V({
-            closeButtonAriaLabel: t(o.closeButton),
-            sensitivity: "foreground",
-            styledText: e,
-            typeIconAriaLabel: t(o.errorNoticeIconAriaLabel),
-            variant: "error"
+            ...Me(o, "error"),
+            styledText: e
           });
           return;
         }
       }
       if (await Y())
         return;
-      E(), G(!1), d("default");
+      L(), G(!1), d("default");
     } catch (e) {
       if (!e.shieldRestriction)
         return;
       const {
         shieldRestriction: s
-      } = e, N = [...s.restrictedEmails ?? [], ...s.restrictedGroups ?? []], ue = i.map((g) => N.includes(g.email) || N.includes(`${g.id}`) ? {
+      } = e, P = [...s.restrictedEmails ?? [], ...s.restrictedGroups ?? []], ue = i.map((g) => P.includes(g.email) || P.includes(`${g.id}`) ? {
         ...g,
         chipVariant: "error"
       } : g);
-      y(s), T(ue);
+      E(s), M(ue);
     }
   };
-  let f, b = !1;
-  u && !$.canInviteCollaborator && (f = t(o.inviteDisabledTooltip), b = !0), u && H === "web_link" && (f = t(o.inviteWebLinkDisabledTooltip), b = !0);
-  const B = Se("user-contacts-"), de = t(u ? o.invitePeopleLabel : o.emailSharedLinkLabel), me = Ue(de, B);
+  let h, b = !1;
+  u && !$.canInviteCollaborator && (h = o(r.inviteDisabledTooltip), b = !0), u && H === "web_link" && (h = o(r.inviteWebLinkDisabledTooltip), b = !0);
+  const A = Se("user-contacts-"), de = o(u ? r.invitePeopleLabel : r.emailSharedLinkLabel), me = Ue(de, A);
   return /* @__PURE__ */ l("form", {
     className: c.container,
     onSubmit: (e) => e.preventDefault(),
-    children: [S && /* @__PURE__ */ r(Be, {
+    children: [S && /* @__PURE__ */ t(Ae, {
       error: S,
       isLoading: m,
-      onSelectedUsersChange: h
+      onSelectedUsersChange: f
     }), O, /* @__PURE__ */ l("div", {
-      children: [u && p.collaborators && /* @__PURE__ */ r(Ae, {}), /* @__PURE__ */ r(me, {
+      children: [u && p.collaborators && /* @__PURE__ */ t(Ne, {}), /* @__PURE__ */ t(me, {
         className: pe(c.label, k && c.modernized)
-      }), /* @__PURE__ */ r(_e, {
-        content: f,
+      }), /* @__PURE__ */ t(_e, {
+        content: h,
         "data-testid": "user-contacts-tooltip",
-        open: f ? void 0 : !1,
+        open: h ? void 0 : !1,
         side: "bottom",
-        children: /* @__PURE__ */ r(Fe, {
+        children: /* @__PURE__ */ t(Fe, {
           focusable: b,
-          children: /* @__PURE__ */ r(ye, {
+          children: /* @__PURE__ */ t(Ee, {
             className: "collaboration-user-selector",
-            clearButtonAriaLabel: t(o.clearButton),
+            clearButtonAriaLabel: o(r.clearButton),
             clearOnBlur: !1,
             "data-target-id": "PillSelectorDropdown-AddNamesOrEmailAddresses",
             disabled: b || m,
@@ -148,14 +146,14 @@ function lt() {
             fetchAvatarUrls: ne,
             fetchUsers: ie,
             hideOnEscape: re,
-            idForLabel: B,
-            inputValue: I,
+            idForLabel: A,
+            inputValue: T,
             label: null,
             onBlur: Z,
             onInputValueChange: ae,
             onPaste: se,
-            onSelectedUsersChange: h,
-            placeholder: i.length ? "" : t(o.invitePeoplePlaceholder),
+            onSelectedUsersChange: f,
+            placeholder: i.length ? "" : o(r.invitePeoplePlaceholder),
             portalElement: U,
             selectedUsers: i,
             selectOnEnterOrTab: !0,
@@ -164,40 +162,40 @@ function lt() {
         })
       }), u && /* @__PURE__ */ l("div", {
         className: c.access,
-        children: [p.collaborationRole && /* @__PURE__ */ r(Ee, {}), z]
+        children: [p.collaborationRole && /* @__PURE__ */ t(Le, {}), I]
       })]
-    }), a && p.collaborationMessage && /* @__PURE__ */ r(Ne, {
+    }), a && p.collaborationMessage && /* @__PURE__ */ t(Pe, {
       maxCount: p.collaborationMessageLimit
     }), a && oe && /* @__PURE__ */ l("div", {
       className: c.security,
-      children: [/* @__PURE__ */ r(xe, {
+      children: [/* @__PURE__ */ t(ye, {
         className: c.icon,
-        height: R,
-        width: R
-      }), /* @__PURE__ */ r(Le, {
+        height: B,
+        width: B
+      }), /* @__PURE__ */ t(xe, {
         as: "span",
         color: "textOnLightSecondary",
-        children: t(o.contentSharedWithExternalCollaborators)
+        children: o(r.contentSharedWithExternalCollaborators)
       })]
-    }), a && U && /* @__PURE__ */ be(/* @__PURE__ */ l(Pe, {
+    }), a && U && /* @__PURE__ */ be(/* @__PURE__ */ l(Re, {
       children: [!W && /* @__PURE__ */ l(v.Footer, {
-        children: [/* @__PURE__ */ r(v.Footer.SecondaryButton, {
+        children: [/* @__PURE__ */ t(v.Footer.SecondaryButton, {
           disabled: m,
           onClick: le,
-          children: t(o.cancelButton)
-        }), /* @__PURE__ */ r(v.Footer.PrimaryButton, {
+          children: o(r.cancelButton)
+        }), /* @__PURE__ */ t(v.Footer.PrimaryButton, {
           loading: m,
-          loadingAriaLabel: t(o.loadingLabel),
+          loadingAriaLabel: o(r.loadingLabel),
           onClick: ce,
-          children: t(o.sendButton)
+          children: o(r.sendButton)
         })]
-      }), !te && /* @__PURE__ */ r(v.Close, {
-        "aria-label": t(o.closeButton),
+      }), !te && /* @__PURE__ */ t(v.Close, {
+        "aria-label": o(r.closeButton),
         disabled: m
       })]
     }), U)]
   });
 }
 export {
-  lt as CollaborationSection
+  dt as CollaborationSection
 };

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

@@ -12,13 +12,16 @@ const a = (e) => {
 }, m = (e, s) => ({
   closeButtonAriaLabel: e(r.noticeCloseLabel),
   sensitivity: "foreground",
+  style: {
+    pointerEvents: "auto"
+  },
   typeIconAriaLabel: e(a(s)),
   variant: s
-}), N = (e, s, t, o) => {
+}), N = (e, s, t, c) => {
   if (!t)
     return "";
-  const n = i(t), c = r[`${n}${s === "success" ? "Success" : "Error"}NoticeText`];
-  return c ? e(c, o) : s === "error" ? e(r.defaultErrorNoticeText) : "";
+  const n = i(t), o = r[`${n}${s === "success" ? "Success" : "Error"}NoticeText`];
+  return o ? e(o, c) : s === "error" ? e(r.defaultErrorNoticeText) : "";
 };
 export {
   m as getNotificationArgs,

package/dist/types/lib/utils/notification.d.ts

@@ -2,6 +2,9 @@ import { NotificationType, NotificationVariant } from '../types';
 declare const getNotificationArgs: (formatMessage: any, type: NotificationVariant) => {
     closeButtonAriaLabel: any;
     sensitivity: "foreground";
+    style: {
+        pointerEvents: "auto";
+    };
     typeIconAriaLabel: any;
     variant: NotificationVariant;
 };

package/package.json

@@ -1,22 +1,22 @@
 {
     "name": "@box/unified-share-modal",
-    "version": "2.8.8",
+    "version": "2.8.9",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
-        "@box/blueprint-web": "^13.8.2",
-        "@box/blueprint-web-assets": "^4.109.1",
-        "@box/copy-input": "^1.39.31",
-        "@box/user-selector": "^1.73.32",
+        "@box/blueprint-web": "^13.8.3",
+        "@box/blueprint-web-assets": "^4.109.2",
+        "@box/copy-input": "^1.39.32",
+        "@box/user-selector": "^1.73.33",
         "lodash": "^4.17.15",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^13.8.2",
-        "@box/blueprint-web-assets": "^4.109.1",
-        "@box/copy-input": "^1.39.31",
-        "@box/storybook-utils": "0.16.81",
+        "@box/blueprint-web": "^13.8.3",
+        "@box/blueprint-web-assets": "^4.109.2",
+        "@box/copy-input": "^1.39.32",
+        "@box/storybook-utils": "0.16.82",
         "@box/eslint-plugin-blueprint": "1.1.6",
         "react-intl": "^6.4.2"
     },