@box/unified-share-modal 2.8.18 → 2.9.0

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

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

package/dist/esm/lib/constants.js

@@ -13,6 +13,7 @@ const e = ["invite-collaborators", "remove-collaborator", "create-shared-link",
   sharedLinkAutoCopy: !1,
   sharedLinkAutoCreate: !1,
   sharedLinkEmail: !0,
+  sharedLinkEmailMessage: !0,
   sharedLinkPermission: !0,
   sharedLinkSettings: !0
 }, o = ["co_owner", "editor", "previewer", "previewer_uploader", "uploader", "viewer", "viewer_uploader"], a = ["owner", ...o], t = ["open", "company", "collaborators"], i = ["can_edit", "can_download", "can_preview"], n = "boxnote";

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

@@ -714,6 +714,12 @@ export interface Configuration {
      * @default true
      */
     sharedLinkEmail?: boolean;
+    /**
+     * Controls whether the email message text field is visible to the user.
+     *
+     * @default true
+     */
+    sharedLinkEmailMessage?: boolean;
     /**
      * Controls whether the shared link permission level is visible to the user.
      *

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/unified-share-modal",
-    "version": "2.8.18",
+    "version": "2.9.0",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^13.9.4",