@box/unified-share-modal 2.4.2 → 2.6.0

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

@@ -1,12 +1,12 @@
 import w from "lodash/camelCase";
-import { useState as F, useMemo as z, useEffect as B } from "react";
+import { useState as B, useMemo as F, useEffect as z } from "react";
 import { useIntl as H } from "react-intl";
-import { Tooltip as O, Focusable as $, TriggerButton as M, DropdownMenu as o } from "@box/blueprint-web";
-import A from "../messages.js";
+import { Tooltip as O, Focusable as P, TriggerButton as D, DropdownMenu as o } from "@box/blueprint-web";
+import $ from "../messages.js";
 import n from "./messages.js";
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
-import { isInvitationRoleSupported as E, getDefaultCollaborationRole as U } from "../../../utils/collaborator.js";
-import { useUnifiedShareFormContext as P } from "../../../contexts/unified-share-form-context.js";
+import { isInvitationRoleSupported as A, getDefaultCollaborationRole as E } from "../../../utils/collaborator.js";
+import { useUnifiedShareFormContext as U } from "../../../contexts/unified-share-form-context.js";
 import { useUnifiedShareModalContext as W } from "../../../contexts/unified-share-modal-context.js";
 import '../../../../../styles/collaboration-role.css';const q = "_button_jl1fl_1", G = "_focusable_jl1fl_10", J = "_content_jl1fl_14", K = "_option_jl1fl_17", a = {
   button: q,
@@ -14,13 +14,13 @@ import '../../../../../styles/collaboration-role.css';const q = "_button_jl1fl_1
   content: J,
   option: K
 };
-function ie() {
+function le() {
   const {
     formatMessage: e
-  } = H(), [g, x] = F(!1), {
+  } = H(), [g, x] = B(!1), {
     collaborationRole: h,
     setCollaborationRole: m
-  } = P(), {
+  } = U(), {
     collaborationRoles: C,
     eventService: T,
     isSubmitting: j,
@@ -30,29 +30,29 @@ function ie() {
     permissions: y = {},
     type: p
   } = k, {
-    onCollaborationRoleChange: S
-  } = T, _ = L === "desktop", r = z(() => C.map((i) => {
+    onCollaborationRoleChange: v
+  } = T, S = L === "desktop", r = F(() => C.map((l) => {
     const {
-      description: b,
-      id: l,
+      description: u,
+      id: i,
       label: s
-    } = i, u = E(l), d = w(l);
+    } = l, b = A(i), d = w(i);
     let R = d;
-    l === "editor" && p === "folder" && (R += "Folder");
-    let D = l, I = "";
-    return u && (D = e(A[`${d}Role`]), I = e(n[`${R}Description`])), {
-      ...i,
-      description: b ?? I,
-      label: s ?? D
+    i === "editor" && p === "folder" && (R += "Folder");
+    let I = i, M = "";
+    return b && (I = e($[`${d}Role`]), M = e(n[`${R}Description`])), {
+      ...l,
+      description: u ?? M,
+      label: s ?? I
     };
   }), [C, e, p]);
-  if (B(() => {
-    m(U(r));
+  if (z(() => {
+    m(E(r));
   }, [r, m]), !r.length || !h)
     return null;
   const {
     id: N,
-    label: v
+    label: _
   } = h;
   let c;
   return y.canInviteCollaborator || (c = e(n.inviteDisabledTooltip)), p === "web_link" && (c = e(n.inviteWebLinkDisabledTooltip)), c ? /* @__PURE__ */ t(O, {
@@ -60,31 +60,32 @@ function ie() {
     content: c,
     "data-testid": "collaboration-role-tooltip",
     side: "bottom",
-    children: /* @__PURE__ */ t($, {
+    children: /* @__PURE__ */ t(P, {
       className: a.focusable,
-      children: /* @__PURE__ */ t(M, {
+      children: /* @__PURE__ */ t(D, {
         caretDirection: "down",
         className: a.button,
         disabled: !0,
         label: e(n.inviteAsRoleLabel, {
-          role: v
+          role: _
         }),
         size: "extraSmall",
         variant: "tertiary"
       })
     })
   }) : /* @__PURE__ */ f(o.Root, {
-    isFullScreenEnabled: _,
+    isFullScreenEnabled: S,
     menuItemsSize: "medium",
     onOpenChange: x,
     open: g,
     children: [/* @__PURE__ */ t(o.Trigger, {
-      children: /* @__PURE__ */ t(M, {
+      children: /* @__PURE__ */ t(D, {
         caretDirection: g ? "up" : "down",
         className: a.button,
+        "data-target-id": "PlainButton-InviteePermissionsMenuToggle",
         disabled: j,
         label: e(n.inviteAsRoleLabel, {
-          role: v
+          role: _
         }),
         size: "extraSmall",
         variant: "tertiary"
@@ -92,29 +93,29 @@ function ie() {
     }), /* @__PURE__ */ f(o.Content, {
       align: "start",
       className: a.content,
-      children: [_ && /* @__PURE__ */ f(o.Header, {
+      children: [S && /* @__PURE__ */ f(o.Header, {
         children: [/* @__PURE__ */ t(o.Header.TextContent, {
           title: e(n.invitePeopleLabel)
         }), /* @__PURE__ */ t(o.Header.MenuCloseButton, {
           "aria-label": e(n.closeButton)
         })]
-      }), r.map((i) => {
+      }), r.map((l) => {
         const {
-          description: b,
-          isDisabled: l,
+          description: u,
+          isDisabled: i,
           id: s,
-          label: u
-        } = i, d = () => {
-          m(i), S && S(s);
+          label: b
+        } = l, d = () => {
+          m(l), v && v(s);
         };
         return /* @__PURE__ */ t(o.CheckboxItem, {
           checked: N === s,
-          disabled: l,
+          disabled: i,
           onSelect: d,
           children: /* @__PURE__ */ t(o.Item.MainContent, {
-            caption: b,
+            caption: u,
             className: a.option,
-            label: u
+            label: b
           })
         }, s);
       })]
@@ -122,5 +123,5 @@ function ie() {
   });
 }
 export {
-  ie as CollaborationRole
+  le as CollaborationRole
 };

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

@@ -1,24 +1,24 @@
-import he from "clsx";
-import { useState as pe, useRef as fe, useEffect as R, useCallback as C } from "react";
+import pe from "clsx";
+import { useState as he, useRef as fe, useEffect as P, 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 P } from "@box/blueprint-web-assets/tokens/tokens";
+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 Be } from "./shared-with-avatars.js";
-import { ShieldRestrictionNotice as Ae } from "./shield-restriction-notice.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 Re } from "react/jsx-runtime";
-import { useFormValidation as Pe } from "../../../hooks/use-form-validation.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 { useCollaborationForm as ke } from "../../../hooks/use-collaboration-form.js";
 import { useUnifiedShareFormContext as Ve } from "../../../contexts/unified-share-form-context.js";
-import { useUnifiedShareModalContext as Ie } from "../../../contexts/unified-share-modal-context.js";
-import { parseEmails as Te } from "../../../utils/email.js";
-import '../../../../../styles/collaboration-section.css';const De = "_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: De,
+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,
@@ -28,24 +28,24 @@ import '../../../../../styles/collaboration-section.css';const De = "_container_
 function lt() {
   const {
     formatMessage: t
-  } = ge(), [S, y] = pe(), {
+  } = ge(), [S, y] = he(), {
     enableModernizedComponents: k
   } = Ce(), {
     addNotification: V
   } = ve(), {
-    validateShieldRestriction: I
-  } = Pe(), {
-    contactValue: T,
+    validateShieldRestriction: D
+  } = Re(), {
+    contactValue: I,
     containerRef: U,
     form: n,
     setForm: d,
-    setUserContacts: D,
+    setUserContacts: T,
     shieldRestriction: M,
     userContacts: i
   } = Ve(), {
     collaborationAccess: z,
     collaborationNotices: O,
-    config: h,
+    config: p,
     contactService: w,
     isFetching: W,
     isSubmitting: m,
@@ -53,7 +53,7 @@ function lt() {
     onOpenChange: G,
     sharingService: q,
     variant: K
-  } = Ie(), {
+  } = De(), {
     permissions: $ = {},
     type: H
   } = j, {
@@ -69,28 +69,28 @@ function lt() {
     errors: X,
     handleFormReset: E,
     handleFormSubmit: Y,
-    handleSelectedUsersChange: p,
+    handleSelectedUsersChange: h,
     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), B = fe(n === "email" ? "email" : "invite");
-  R(() => {
-    B.current = n === "email" ? "email" : "invite";
-  }, [n]), R(() => {
+  } = 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);
   }, [i]);
-  const re = C((e) => (e.stopPropagation(), !0), []), ie = C((e) => _ ? _(e, B.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, A.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");
-    Te(s).length !== 0 && (e.preventDefault(), a || d("invite"), p([...i, {
+    Ie(s).length !== 0 && (e.preventDefault(), a || d("invite"), h([...i, {
       value: s
     }]));
-  }, [p, a, d, i]), le = () => {
+  }, [h, a, d, i]), le = () => {
     E(), d("default");
   }, ce = async () => {
     try {
       if (S) {
-        const e = I(i, M);
+        const e = D(i, M);
         if (e) {
           V({
             closeButtonAriaLabel: t(o.closeButton),
@@ -114,22 +114,22 @@ function lt() {
         ...g,
         chipVariant: "error"
       } : g);
-      y(s), D(ue);
+      y(s), T(ue);
     }
   };
   let f, b = !1;
   u && !$.canInviteCollaborator && (f = t(o.inviteDisabledTooltip), b = !0), u && H === "web_link" && (f = t(o.inviteWebLinkDisabledTooltip), b = !0);
-  const A = Se("user-contacts-"), de = t(u ? o.invitePeopleLabel : o.emailSharedLinkLabel), me = Ue(de, A);
+  const B = Se("user-contacts-"), de = t(u ? o.invitePeopleLabel : o.emailSharedLinkLabel), me = Ue(de, B);
   return /* @__PURE__ */ l("form", {
     className: c.container,
     onSubmit: (e) => e.preventDefault(),
-    children: [S && /* @__PURE__ */ r(Ae, {
+    children: [S && /* @__PURE__ */ r(Be, {
       error: S,
       isLoading: m,
-      onSelectedUsersChange: p
+      onSelectedUsersChange: h
     }), O, /* @__PURE__ */ l("div", {
-      children: [u && h.collaborators && /* @__PURE__ */ r(Be, {}), /* @__PURE__ */ r(me, {
-        className: he(c.label, k && c.modernized)
+      children: [u && p.collaborators && /* @__PURE__ */ r(Ae, {}), /* @__PURE__ */ r(me, {
+        className: pe(c.label, k && c.modernized)
       }), /* @__PURE__ */ r(_e, {
         content: f,
         "data-testid": "user-contacts-tooltip",
@@ -141,19 +141,20 @@ function lt() {
             className: "collaboration-user-selector",
             clearButtonAriaLabel: t(o.clearButton),
             clearOnBlur: !1,
+            "data-target-id": "PillSelectorDropdown-AddNamesOrEmailAddresses",
             disabled: b || m,
             displayChipVariant: (e) => e.chipVariant,
             error: X["user-contact"],
             fetchAvatarUrls: ne,
             fetchUsers: ie,
             hideOnEscape: re,
-            idForLabel: A,
-            inputValue: T,
+            idForLabel: B,
+            inputValue: I,
             label: null,
             onBlur: Z,
             onInputValueChange: ae,
             onPaste: se,
-            onSelectedUsersChange: p,
+            onSelectedUsersChange: h,
             placeholder: i.length ? "" : t(o.invitePeoplePlaceholder),
             portalElement: U,
             selectedUsers: i,
@@ -163,22 +164,22 @@ function lt() {
         })
       }), u && /* @__PURE__ */ l("div", {
         className: c.access,
-        children: [h.collaborationRole && /* @__PURE__ */ r(Ee, {}), z]
+        children: [p.collaborationRole && /* @__PURE__ */ r(Ee, {}), z]
       })]
-    }), a && h.collaborationMessage && /* @__PURE__ */ r(Ne, {
-      maxCount: h.collaborationMessageLimit
+    }), a && p.collaborationMessage && /* @__PURE__ */ r(Ne, {
+      maxCount: p.collaborationMessageLimit
     }), a && oe && /* @__PURE__ */ l("div", {
       className: c.security,
       children: [/* @__PURE__ */ r(xe, {
         className: c.icon,
-        height: P,
-        width: P
+        height: R,
+        width: R
       }), /* @__PURE__ */ r(Le, {
         as: "span",
         color: "textOnLightSecondary",
         children: t(o.contentSharedWithExternalCollaborators)
       })]
-    }), a && U && /* @__PURE__ */ be(/* @__PURE__ */ l(Re, {
+    }), a && U && /* @__PURE__ */ be(/* @__PURE__ */ l(Pe, {
       children: [!W && /* @__PURE__ */ l(v.Footer, {
         children: [/* @__PURE__ */ r(v.Footer.SecondaryButton, {
           disabled: m,

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

@@ -1,8 +1,8 @@
 import { useState as y } from "react";
 import { useIntl as T } from "react-intl";
-import { DropdownMenu as e, TriggerButton as N, Tooltip as w, Focusable as B } from "@box/blueprint-web";
+import { DropdownMenu as e, TriggerButton as B, Tooltip as N, Focusable as w } from "@box/blueprint-web";
 import i from "./messages.js";
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import { useUnifiedShareModalContext as D } from "../../../contexts/unified-share-modal-context.js";
 import { useSharingAction as H } from "../../../hooks/use-sharing-action.js";
 import { useAccessLevels as O } from "../../../hooks/use-access-levels.js";
@@ -14,71 +14,72 @@ import '../../../../../styles/shared-link-access.css';const j = "_button_166my_1
 function Q() {
   const {
     formatMessage: s
-  } = T(), [a, h] = y(!1), {
+  } = T(), [r, h] = y(!1), {
     isSubmitting: b,
-    item: f,
-    sharedLink: S,
+    item: S,
+    sharedLink: f,
     sharingService: g,
     variant: k
   } = D(), {
-    permissions: C = {}
-  } = f, {
-    access: L
+    permissions: L = {}
   } = S, {
-    changeSharedLinkAccess: _
+    access: C
+  } = f, {
+    changeSharedLinkAccess: A
   } = g, l = k === "desktop", {
-    onAction: x
-  } = H(_), {
+    onAction: M
+  } = H(A), {
     allowedLevels: d,
     selectedAccess: m
   } = O();
   if (!d.length || !m)
     return null;
   const {
-    label: A
+    label: _
   } = m;
-  return /* @__PURE__ */ r(e.Root, {
+  return /* @__PURE__ */ a(e.Root, {
     isFullScreenEnabled: l,
     menuItemsSize: "medium",
     onOpenChange: h,
-    open: a,
+    open: r,
     children: [/* @__PURE__ */ t(e.Trigger, {
-      children: /* @__PURE__ */ t(N, {
-        caretDirection: a ? "up" : "down",
+      children: /* @__PURE__ */ t(B, {
+        caretDirection: r ? "up" : "down",
         className: o.button,
-        disabled: !C.canSetShareAccess || b,
-        label: A,
+        "data-target-id": "Button-SharedLinkAccessMenuLabel",
+        disabled: !L.canSetShareAccess || b,
+        label: _,
         size: "extraSmall",
         variant: "tertiary"
       })
-    }), /* @__PURE__ */ r(e.Content, {
+    }), /* @__PURE__ */ a(e.Content, {
       align: "start",
       className: o.content,
-      children: [l && /* @__PURE__ */ r(e.Header, {
+      children: [l && /* @__PURE__ */ a(e.Header, {
         children: [/* @__PURE__ */ t(e.Header.TextContent, {
           title: s(i.shareLinkLabel)
         }), /* @__PURE__ */ t(e.Header.MenuCloseButton, {
           "aria-label": s(i.closeButton)
         })]
-      }), d.map((M) => {
+      }), d.map((x) => {
         const {
-          description: p,
+          description: u,
           disabledReason: I,
           id: n,
-          label: u
-        } = M, c = L === n, v = () => {
-          c || x(n);
+          label: p
+        } = x, c = C === n, v = () => {
+          c || M(n);
         };
-        return I ? /* @__PURE__ */ t(w, {
+        return I ? /* @__PURE__ */ t(N, {
           content: s(i.disabledAccessLevelTooltip),
-          children: /* @__PURE__ */ t(B, {
+          children: /* @__PURE__ */ t(w, {
             children: /* @__PURE__ */ t(e.CheckboxItem, {
               checked: c,
               disabled: !0,
               children: /* @__PURE__ */ t(e.Item.MainContent, {
-                caption: p,
+                caption: u,
                 className: o.option,
-                label: u
+                label: p
               })
             }, n)
           })
@@ -86,9 +87,9 @@ function Q() {
           checked: c,
           onSelect: v,
           children: /* @__PURE__ */ t(e.Item.MainContent, {
-            caption: p,
+            caption: u,
             className: o.option,
-            label: u
+            label: p
           })
         }, n);
       })]

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

@@ -1,10 +1,10 @@
-import { useState as I } from "react";
-import { useIntl as O } from "react-intl";
-import { Tooltip as B, Focusable as D, TriggerButton as f, DropdownMenu as t } from "@box/blueprint-web";
-import { FILE_EXTENSION_BOX_NOTE as w } from "../../../constants.js";
+import { useState as E } from "react";
+import { useIntl as I } from "react-intl";
+import { Tooltip as O, Focusable as D, TriggerButton as f, DropdownMenu as t } from "@box/blueprint-web";
+import { FILE_EXTENSION_BOX_NOTE as P } from "../../../constants.js";
 import r from "./messages.js";
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { usePermissionLevels as P } from "../../../hooks/use-permission-levels.js";
+import { usePermissionLevels as w } from "../../../hooks/use-permission-levels.js";
 import { useUnifiedShareModalContext as A } from "../../../contexts/unified-share-modal-context.js";
 import { useSharingAction as F } from "../../../hooks/use-sharing-action.js";
 import '../../../../../styles/shared-link-access.css';const H = "_button_166my_1", j = "_content_166my_9", z = "_option_166my_12", n = {
@@ -15,34 +15,34 @@ import '../../../../../styles/shared-link-access.css';const H = "_button_166my_1
 function W() {
   const {
     formatMessage: o
-  } = O(), [l, g] = I(!1), {
+  } = I(), [l, g] = E(!1), {
     isSubmitting: S,
     item: c,
     sharedLink: _,
-    sharingService: x,
+    sharingService: L,
     variant: k
   } = A(), {
-    permissions: L = {}
+    permissions: x = {}
   } = c, {
-    access: C,
-    permission: m
+    access: M,
+    permission: d
   } = _, {
-    changeSharedLinkPermission: M
-  } = x, d = k === "desktop", {
+    changeSharedLinkPermission: C
+  } = L, m = k === "desktop", {
     onAction: N
-  } = F(M), {
+  } = F(C), {
     allowedLevels: p,
     selectedPermission: u
-  } = P();
-  if (C === "collaborators" || !p.length || !u)
+  } = w();
+  if (M === "collaborators" || !p.length || !u)
     return null;
   const {
     label: h
   } = u;
-  let s = "";
-  return c.extension === w && m === "can_edit" && (s = o(r.canEditBoxNoteDisabledTooltip)), s ? /* @__PURE__ */ e(B, {
+  let i = "";
+  return c.extension === P && d === "can_edit" && (i = o(r.canEditBoxNoteDisabledTooltip)), i ? /* @__PURE__ */ e(O, {
     align: "start",
-    content: s,
+    content: i,
     "data-testid": "shared-link-permission-tooltip",
     side: "bottom",
     children: /* @__PURE__ */ e(D, {
@@ -56,14 +56,15 @@ function W() {
       })
     })
   }) : /* @__PURE__ */ a(t.Root, {
-    isFullScreenEnabled: d,
+    isFullScreenEnabled: m,
     onOpenChange: g,
     open: l,
     children: [/* @__PURE__ */ e(t.Trigger, {
       children: /* @__PURE__ */ e(f, {
         caretDirection: l ? "up" : "down",
         className: n.button,
-        disabled: !L.canSetShareAccess || S,
+        "data-target-id": "Button-SharedLinkPermissionsMenuLabel",
+        disabled: !x.canSetShareAccess || S,
         label: h,
         size: "extraSmall",
         variant: "tertiary"
@@ -71,7 +72,7 @@ function W() {
     }), /* @__PURE__ */ a(t.Content, {
       align: "start",
       className: n.content,
-      children: [d && /* @__PURE__ */ a(t.Header, {
+      children: [m && /* @__PURE__ */ a(t.Header, {
         children: [/* @__PURE__ */ e(t.Header.TextContent, {
           title: o(r.shareLinkLabel)
         }), /* @__PURE__ */ e(t.Header.MenuCloseButton, {
@@ -80,20 +81,20 @@ function W() {
       }), p.map((T) => {
         const {
           description: v,
-          id: i,
+          id: s,
           label: y
-        } = T, b = m === i, E = () => {
-          b || N(i);
+        } = T, b = d === s, B = () => {
+          b || N(s);
         };
         return /* @__PURE__ */ e(t.CheckboxItem, {
           checked: b,
-          onSelect: E,
+          onSelect: B,
           children: /* @__PURE__ */ e(t.Item.MainContent, {
             caption: v,
             className: n.option,
             label: y
           })
-        }, i);
+        }, s);
       })]
     })]
   });

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

@@ -3,7 +3,7 @@ import { useIntl as G } from "react-intl";
 import { Text as _, Tooltip as A, Focusable as V, Switch as q, Status as H, Link as J, Button as Q } from "@box/blueprint-web";
 import { ClockBadge as W } from "@box/blueprint-web-assets/icons/Line";
 import { Mail as X, Globe as j } from "@box/blueprint-web-assets/icons/Medium";
-import { SurfaceStatusSurfaceRed as Y, bpSize040 as k } from "@box/blueprint-web-assets/tokens/tokens";
+import { SurfaceStatusSurfaceRed as Y, bpSize040 as g } from "@box/blueprint-web-assets/tokens/tokens";
 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";
@@ -12,8 +12,8 @@ import { jsxs as l, jsx as i } 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 w } from "../../../hooks/use-sharing-action.js";
-import { formatDateFromTimestampToDateString as ne } from "../../../utils/date.js";
-import { callOnKeyboardEvent as ae } from "../../../utils/event.js";
+import { formatDateFromTimestampToDateString as ae } from "../../../utils/date.js";
+import { callOnKeyboardEvent as ne } from "../../../utils/event.js";
 import '../../../../../styles/shared-link-section.css';const oe = "_container_j966c_1", se = "_toggle_j966c_7", re = "_settings_j966c_13", ce = "_copy_j966c_22", le = "_access_j966c_30", de = "_icon_j966c_36", r = {
   container: oe,
   toggle: se,
@@ -25,57 +25,57 @@ import '../../../../../styles/shared-link-section.css';const oe = "_container_j9
 function Te() {
   const {
     formatMessage: e
-  } = G(), g = v(!0), L = v(null), p = v(null), {
+  } = G(), k = v(!0), L = v(null), m = v(null), {
     setForm: I
   } = te(), {
     config: s,
     isFetching: T,
-    isSubmitting: a,
+    isSubmitting: n,
     item: F,
     setView: b,
     sharedLink: o,
-    sharingService: R
+    sharingService: B
   } = ie(), {
-    permissions: E = {}
+    permissions: P = {}
   } = F, {
-    createSharedLink: B
-  } = R, {
+    createSharedLink: R
+  } = B, {
     sharedLinkAutoCopy: d,
     sharedLinkAutoCreate: y
   } = s;
-  let N = "create-shared-link";
-  d && (N = "auto-copy-shared-link");
+  let E = "create-shared-link";
+  d && (E = "auto-copy-shared-link");
   const {
     onAction: S
-  } = w(B, N), n = !!o.url, [C, M] = K(!1), u = x(async () => {
-    n || (await S(), M(!0));
-  }, [n, S]), O = x(async () => (u(), new Promise((c) => {
-    p.current = {
+  } = w(R, E), a = !!o.url, [C, M] = K(!1), p = x(async () => {
+    a || (await S(), M(!0));
+  }, [a, S]), O = x(async () => (p(), new Promise((c) => {
+    m.current = {
       resolve: c
     };
-  })), [u]), {
-    onAction: P
+  })), [p]), {
+    onAction: N
   } = w(O, "auto-copy-shared-link");
   D(() => {
-    !g.current || T || (d ? P() : y && u(), g.current = !1);
-  }, [T, g, d, y, u, P]), D(() => {
-    n && d && !a && L.current && L.current.click();
-  }, [n, a, d]);
-  const U = x((m) => {
-    if (!p.current)
+    !k.current || T || (d ? N() : y && p(), k.current = !1);
+  }, [T, k, d, y, p, N]), D(() => {
+    a && d && !n && L.current && L.current.click();
+  }, [a, n, d]);
+  const U = x((u) => {
+    if (!m.current)
       return;
     let c;
-    m instanceof Error ? c = C ? e(t.autoCreateCopyErrorNoticeText) : null : c = e(C ? t.autoCreateCopySuccessNoticeText : t.autoCopySuccessNoticeText), c && p.current.resolve({
+    u instanceof Error ? c = C ? e(t.autoCreateCopyErrorNoticeText) : null : c = e(C ? t.autoCreateCopySuccessNoticeText : t.autoCopySuccessNoticeText), c && m.current.resolve({
       messages: [{
         text: c,
         type: "success"
       }]
-    }), p.current = null;
-  }, [e, C]), z = async (m) => {
-    m || b("remove-shared-link"), m && await S();
+    }), m.current = null;
+  }, [e, C]), z = async (u) => {
+    u || b("remove-shared-link"), u && await S();
   };
   let h, f = !1;
-  return !n && !a && (h = e(t.sharedLinkToggleTooltip)), !n && !E.canShare && (h = e(t.createLinkDisabledTooltip), f = !0), n && !E.canSetShareAccess && (h = e(t.removeLinkDisabledTooltip), f = !0), /* @__PURE__ */ l("div", {
+  return !a && !n && (h = e(t.sharedLinkToggleTooltip)), !a && !P.canShare && (h = e(t.createLinkDisabledTooltip), f = !0), a && !P.canSetShareAccess && (h = e(t.removeLinkDisabledTooltip), f = !0), /* @__PURE__ */ l("div", {
     className: r.container,
     children: [/* @__PURE__ */ i(_, {
       as: "label",
@@ -91,16 +91,17 @@ function Te() {
         children: /* @__PURE__ */ i(V, {
           focusable: f,
           children: /* @__PURE__ */ i(q.Item, {
-            checked: n,
-            disabled: f || a,
+            checked: a,
+            "data-target-id": "Toggle-CreateSharedLink",
+            disabled: f || n,
             label: e(t.sharedLinkToggleLabel),
             onCheckedChange: z,
             value: "shared-link"
           })
         })
-      }), n && !!o.expiresAt && /* @__PURE__ */ i(A, {
+      }), a && !!o.expiresAt && /* @__PURE__ */ i(A, {
         content: e(t.expirationIconTooltip, {
-          expirationDate: ne(o.expiresAt)
+          expirationDate: ae(o.expiresAt)
         }),
         "data-testid": "expiration-date-tooltip",
         children: /* @__PURE__ */ i(H, {
@@ -109,25 +110,27 @@ function Te() {
           icon: W,
           text: e(t.expirationIconLabel)
         })
-      }), n && s.sharedLinkSettings && /* @__PURE__ */ i(J, {
-        "aria-disabled": a,
+      }), a && s.sharedLinkSettings && /* @__PURE__ */ i(J, {
+        "aria-disabled": n,
         "aria-haspopup": "dialog",
         className: r.settings,
+        "data-target-id": "PlainButton-SharedLinkSettings",
         onClick: () => b("shared-link-settings"),
-        onKeyDown: ae(() => b("shared-link-settings"), {
+        onKeyDown: ne(() => b("shared-link-settings"), {
           canPreventDefault: !0
         }),
         role: "button",
-        tabIndex: a ? -1 : 0,
+        tabIndex: n ? -1 : 0,
         variant: "standalone",
         children: e(t.sharedLinkSettingsLabel)
       })]
-    }), n && /* @__PURE__ */ l("div", {
+    }), a && /* @__PURE__ */ l("div", {
       className: r.copy,
       children: [/* @__PURE__ */ i(Z, {
         ref: L,
-        autoFocus: y && n,
-        disabled: a,
+        autoFocus: y && a,
+        "data-target-id": "Button-CopySharedLink",
+        disabled: n,
         hideLabel: !0,
         label: e(t.sharedLinkUrlLabel),
         onCopy: U,
@@ -137,31 +140,32 @@ function Te() {
         content: e(t.sharedLinkEmailLabel),
         children: /* @__PURE__ */ i(Q, {
           "aria-label": e(t.sharedLinkEmailLabel),
-          disabled: a,
+          "data-target-id": "Button-SendSharedLink",
+          disabled: n,
           icon: X,
           onClick: () => I("email"),
           size: "large",
           variant: "secondary"
         })
       })]
-    }), n && (s.sharedLinkAccess || s.sharedLinkPermission) && /* @__PURE__ */ l("div", {
+    }), a && (s.sharedLinkAccess || s.sharedLinkPermission) && /* @__PURE__ */ l("div", {
       className: r.access,
       children: [s.sharedLinkAccess && /* @__PURE__ */ i($, {}), s.sharedLinkPermission && /* @__PURE__ */ i(ee, {})]
-    }), n && o.access === "open" && /* @__PURE__ */ l("div", {
+    }), a && o.access === "open" && /* @__PURE__ */ l("div", {
       children: [/* @__PURE__ */ i(j, {
         className: r.icon,
-        height: k,
-        width: k
+        height: g,
+        width: g
       }), /* @__PURE__ */ i(_, {
         as: "span",
         color: "textOnLightSecondary",
         children: o.permission === "can_edit" ? e(t.sharedLinkEditablePubliclyAvailable) : e(t.sharedLinkPubliclyAvailable)
       })]
-    }), n && o.access === "company" && o.permission === "can_edit" && /* @__PURE__ */ l("div", {
+    }), a && o.access === "company" && o.permission === "can_edit" && /* @__PURE__ */ l("div", {
       children: [/* @__PURE__ */ i(j, {
         className: r.icon,
-        height: k,
-        width: k
+        height: g,
+        width: g
       }), /* @__PURE__ */ i(_, {
         as: "span",
         color: "textOnLightSecondary",

package/dist/i18n/ja-JP.js

@@ -2,7 +2,7 @@ export default {
   "groupSharedFeatures.usm.autoCopySharedLinkErrorNoticeText": "共有リンクを作成できません。後でもう一度やり直してください。",
   "groupSharedFeatures.usm.classificationStatus.definitionLabel": "定義",
   "groupSharedFeatures.usm.classificationStatus.restrictionsLabel": "制約事項",
-  "groupSharedFeatures.usm.contactsLimitErrorMessage": "一度に追加できるコラボレータは最大{maxContacts}人までです。何件かに分けて、もう一度招待し直してください。",
+  "groupSharedFeatures.usm.contactsLimitErrorMessage": "一度に追加できるコラボレータは最大{maxContacts}人までです。招待を何回かに分けて、もう一度やり直してください。",
   "groupSharedFeatures.usm.createSharedLinkErrorNoticeText": "共有リンクを作成できません。後でもう一度やり直してください。",
   "groupSharedFeatures.usm.createSharedLinkSuccessNoticeText": "共有リンクを作成しました。",
   "groupSharedFeatures.usm.defaultErrorNoticeText": "問題が発生しました。後でもう一度やり直してください。",

package/dist/i18n/ja-JP.properties

@@ -5,7 +5,7 @@ groupSharedFeatures.usm.classificationStatus.definitionLabel = 定義
 # Label for the section to show the restrictions of the classification label
 groupSharedFeatures.usm.classificationStatus.restrictionsLabel = 制約事項
 # Error message when more than the maximum number of contacts is entered
-groupSharedFeatures.usm.contactsLimitErrorMessage = 一度に追加できるコラボレータは最大{maxContacts}人までです。何件かに分けて、もう一度招待し直してください。
+groupSharedFeatures.usm.contactsLimitErrorMessage = 一度に追加できるコラボレータは最大{maxContacts}人までです。招待を何回かに分けて、もう一度やり直してください。
 # Notification text when the shared link failed to be created
 groupSharedFeatures.usm.createSharedLinkErrorNoticeText = 共有リンクを作成できません。後でもう一度やり直してください。
 # Notification text when the shared link is successfully created

package/package.json

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