@box/unified-share-modal 2.7.17 → 2.8.0

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

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

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

@@ -1,102 +1,101 @@
 import { createPortal as L } from "react-dom";
 import { useIntl as S } from "react-intl";
-import { useBreakpoint as x, Breakpoint as z, Divider as B, Link as g, Table as N, TableHeader as M, Column as p, TableBody as D, Modal as i } from "@box/blueprint-web";
-import { CollaboratorListItem as H } from "./collaborator-list-item.js";
+import { useBreakpoint as x, Breakpoint as z, Divider as B, Link as h, Table as N, TableHeader as F, Column as b, TableBody as I, Modal as l } from "@box/blueprint-web";
+import { CollaboratorListItem as M } from "./collaborator-list-item.js";
 import r from "./messages.js";
-import { jsxs as a, Fragment as u, jsx as e } from "react/jsx-runtime";
-import { useUnifiedShareFormContext as I } from "../../../contexts/unified-share-form-context.js";
-import { callOnKeyboardEvent as T } from "../../../utils/event.js";
-import { useUnifiedShareModalContext as j } from "../../../contexts/unified-share-modal-context.js";
-import '../../../../../styles/collaborator-list.css';const A = "_divider_ozw7g_1", K = "_manage_ozw7g_8", P = "_link_ozw7g_14", R = "_list_ozw7g_18", U = "_scroll_ozw7g_34", $ = "_header_ozw7g_40", t = {
-  divider: A,
-  manage: K,
-  link: P,
-  list: R,
-  scroll: U,
-  header: $
+import { jsxs as t, Fragment as g, jsx as e } from "react/jsx-runtime";
+import { useUnifiedShareFormContext as D } from "../../../contexts/unified-share-form-context.js";
+import { callOnKeyboardEvent as H } from "../../../utils/event.js";
+import { useUnifiedShareModalContext as T } from "../../../contexts/unified-share-modal-context.js";
+import '../../../../../styles/collaborator-list.css';const j = "_divider_ozw7g_1", A = "_manage_ozw7g_8", K = "_link_ozw7g_14", O = "_list_ozw7g_18", P = "_scroll_ozw7g_34", R = "_header_ozw7g_40", a = {
+  divider: j,
+  manage: A,
+  link: K,
+  list: O,
+  scroll: P,
+  header: R
 };
-function Z() {
+function Y() {
   const {
     formatMessage: o
-  } = S(), l = x() === z.Small, {
-    collaborators: b,
+  } = S(), i = x() === z.Small, {
+    collaborators: p,
     config: s,
     eventService: f,
-    isFetching: _,
-    isSubmitting: k,
-    item: v,
-    variant: C
-  } = j(), {
-    id: w,
-    type: y
-  } = v, {
+    isFetching: u,
+    isSubmitting: _,
+    item: k,
+    variant: v
+  } = T(), {
+    id: C,
+    type: w
+  } = k, {
     onCollaboratorsManagementClick: n
-  } = f, c = C === "desktop", {
+  } = f, c = v === "desktop", {
     containerRef: d,
-    previousForm: m,
-    setForm: F
-  } = I();
-  return /* @__PURE__ */ a(u, {
+    setIsCollaboratorsOpen: y
+  } = D();
+  return /* @__PURE__ */ t(g, {
     children: [c && /* @__PURE__ */ e(B, {
-      className: t.divider
+      className: a.divider
     }), s.collaboratorsManagement && /* @__PURE__ */ e("div", {
-      className: t.manage,
-      children: n ? /* @__PURE__ */ e(g, {
-        className: t.link,
+      className: a.manage,
+      children: n ? /* @__PURE__ */ e(h, {
+        className: a.link,
         onClick: n,
-        onKeyDown: T(n, {
+        onKeyDown: H(n, {
           canPreventDefault: !0
         }),
         role: "button",
         tabIndex: 0,
         variant: "standalone",
         children: o(r.manageAllLink)
-      }) : /* @__PURE__ */ e(g, {
-        href: `/${y}/${w}/collaborators`,
+      }) : /* @__PURE__ */ e(h, {
+        href: `/${w}/${C}/collaborators`,
         rel: "noopener",
         target: "_blank",
         variant: "standalone",
         children: o(r.manageAllLink)
       })
     }), /* @__PURE__ */ e("div", {
-      className: t.list,
+      className: a.list,
       children: /* @__PURE__ */ e("div", {
-        className: t.scroll,
-        children: /* @__PURE__ */ a(N, {
+        className: a.scroll,
+        children: /* @__PURE__ */ t(N, {
           "aria-label": o(r.listLabel),
-          children: [/* @__PURE__ */ a(M, {
-            className: t.header,
-            children: [/* @__PURE__ */ e(p, {
+          children: [/* @__PURE__ */ t(F, {
+            className: a.header,
+            children: [/* @__PURE__ */ e(b, {
               hideHeader: !0,
               isRowHeader: !0,
               width: "11fr",
               children: o(r.nameColumn)
-            }), !l && /* @__PURE__ */ e(p, {
+            }), !i && /* @__PURE__ */ e(b, {
               hideHeader: !0,
               width: "10fr",
               children: o(r.roleColumn)
             })]
-          }), /* @__PURE__ */ e(D, {
-            children: b.slice(0, s.collaboratorsLimit).map((h) => /* @__PURE__ */ e(H, {
-              collaborator: h,
-              isSmall: l
-            }, h.id))
+          }), /* @__PURE__ */ e(I, {
+            children: p.slice(0, s.collaboratorsLimit).map((m) => /* @__PURE__ */ e(M, {
+              collaborator: m,
+              isSmall: i
+            }, m.id))
           })]
         })
       })
-    }), d && /* @__PURE__ */ L(/* @__PURE__ */ a(u, {
-      children: [!_ && /* @__PURE__ */ e(i.Footer, {
-        children: /* @__PURE__ */ e(i.Footer.SecondaryButton, {
-          onClick: () => F(m === "invite" ? m : "default"),
+    }), d && /* @__PURE__ */ L(/* @__PURE__ */ t(g, {
+      children: [!u && /* @__PURE__ */ e(l.Footer, {
+        children: /* @__PURE__ */ e(l.Footer.SecondaryButton, {
+          onClick: () => y(!1),
           children: o(r.doneButton)
         })
-      }), !c && /* @__PURE__ */ e(i.Close, {
+      }), !c && /* @__PURE__ */ e(l.Close, {
         "aria-label": o(r.closeButton),
-        disabled: k
+        disabled: _
       })]
     }), d)]
   });
 }
 export {
-  Z as CollaboratorList
+  Y as CollaboratorList
 };

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

@@ -1,77 +1,91 @@
-import { useRef as O, useCallback as E, useEffect as R } from "react";
-import { useIntl as U } from "react-intl";
-import { useNotification as z, Text as S, Tooltip as y, Focusable as K, Switch as G, Status as V, Link as q, Button as H } from "@box/blueprint-web";
-import { ClockBadge as J } from "@box/blueprint-web-assets/icons/Line";
-import { Mail as Q, Globe as D } from "@box/blueprint-web-assets/icons/Medium";
-import { SurfaceStatusSurfaceRed as W, bpSize040 as g } from "@box/blueprint-web-assets/tokens/tokens";
-import { CopyInput as X } from "@box/copy-input";
-import { SharedLinkAccess as Y } from "./shared-link-access.js";
-import { SharedLinkPermission as Z } from "./shared-link-permission.js";
+import { useRef as K, useCallback as w, useEffect as G } from "react";
+import { useIntl as V } from "react-intl";
+import { useNotification as q, Text as b, Tooltip as y, Focusable as H, Switch as J, Status as Q, Link as W, Button as X } from "@box/blueprint-web";
+import { ClockBadge as Y } from "@box/blueprint-web-assets/icons/Line";
+import { Mail as Z, Globe as I } from "@box/blueprint-web-assets/icons/Medium";
+import { SurfaceStatusSurfaceRed as $, bpSize040 as g } from "@box/blueprint-web-assets/tokens/tokens";
+import { CopyInput as ee } from "@box/copy-input";
+import { SharedLinkAccess as te } from "./shared-link-access.js";
+import { SharedLinkPermission as ie } from "./shared-link-permission.js";
 import t from "./messages.js";
 import { jsxs as d, jsx as i } from "react/jsx-runtime";
-import { useUnifiedShareFormContext as $ } from "../../../contexts/unified-share-form-context.js";
-import { useUnifiedShareModalContext as ee } from "../../../contexts/unified-share-modal-context.js";
-import { useSharingAction as te } from "../../../hooks/use-sharing-action.js";
-import { getNotificationArgs as ie } from "../../../utils/notification.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", re = "_toggle_j966c_7", se = "_settings_j966c_13", ce = "_copy_j966c_22", le = "_access_j966c_30", de = "_icon_j966c_36", c = {
-  container: oe,
-  toggle: re,
-  settings: se,
-  copy: ce,
-  access: le,
-  icon: de
+import { useUnifiedShareFormContext as ae } from "../../../contexts/unified-share-form-context.js";
+import { useUnifiedShareModalContext as ne } from "../../../contexts/unified-share-modal-context.js";
+import { useSharingAction as oe } from "../../../hooks/use-sharing-action.js";
+import { getNotificationArgs as re } from "../../../utils/notification.js";
+import { formatDateFromTimestampToDateString as se } from "../../../utils/date.js";
+import { callOnKeyboardEvent as ce } from "../../../utils/event.js";
+import '../../../../../styles/shared-link-section.css';const le = "_container_j966c_1", de = "_toggle_j966c_7", he = "_settings_j966c_13", ue = "_copy_j966c_22", me = "_access_j966c_30", pe = "_icon_j966c_36", c = {
+  container: le,
+  toggle: de,
+  settings: he,
+  copy: ue,
+  access: me,
+  icon: pe
 };
-function Ne() {
+function we() {
   const {
     formatMessage: e
-  } = U(), {
+  } = V(), {
     addNotification: C
-  } = z(), f = O(null), {
-    isSharedLinkAutoCopied: k,
+  } = q(), k = K(null), {
+    isSharedLinkAutoCopied: f,
     isSharedLinkAutoCreated: r,
-    setForm: j
-  } = $(), {
+    setForm: P
+  } = ae(), {
     config: s,
+    eventService: B,
     isFetching: v,
     isSubmitting: n,
-    item: w,
-    setView: L,
+    item: F,
+    setView: x,
     sharedLink: o,
-    sharingService: I
-  } = ee(), {
-    permissions: x = {}
-  } = w, {
-    createSharedLink: _
-  } = I, {
-    notifications: T,
-    sharedLinkAutoCopy: P,
-    sharedLinkAutoCreate: A
-  } = s, a = !!o.url, h = P && !k.current, N = A && !r.current, B = E(async () => {
-    const l = await _();
+    sharingService: M
+  } = ne(), {
+    permissions: T = {}
+  } = F, {
+    onSharedLinkCopy: L,
+    onSharedLinkSettingsClick: _
+  } = B, {
+    createSharedLink: A
+  } = M, {
+    notifications: N,
+    sharedLinkAutoCopy: O,
+    sharedLinkAutoCreate: E
+  } = s, a = !!o.url, h = O && !f.current, D = E && !r.current, R = w(async () => {
+    const l = await A();
     return h ? {
       messages: []
     } : l;
-  }, [h, _]), {
-    onAction: b
-  } = te(B, "create-shared-link");
-  R(() => {
-    (async () => v || n || ((h || N) && !a && (await b(), r.current = !0), h && a && f.current && (f.current.click(), k.current = !0)))();
-  }, [a, h, N, v, k, r, n, b]);
-  const F = E((l) => {
+  }, [h, A]), {
+    onAction: S
+  } = oe(R, "create-shared-link");
+  G(() => {
+    (async () => v || n || ((h || D) && !a && (await S(), r.current = !0), h && a && k.current && (k.current.click(), f.current = !0)))();
+  }, [a, h, D, v, f, r, n, S]);
+  const U = w((l) => {
     let p;
-    typeof l != "string" ? p = r.current ? e(t.autoCreateCopyErrorNoticeText) : null : p = r.current ? e(t.autoCreateCopySuccessNoticeText) : e(t.autoCopySuccessNoticeText), p && T.includes("auto-copy-shared-link") && C({
-      ...ie(e, "success"),
+    typeof l != "string" ? p = r.current ? e(t.autoCreateCopyErrorNoticeText) : null : p = r.current ? e(t.autoCreateCopySuccessNoticeText) : e(t.autoCopySuccessNoticeText), p && N.includes("auto-copy-shared-link") && C({
+      ...re(e, "success"),
       styledText: p
-    });
-  }, [C, e, r, T]), M = async (l) => {
-    l || L("remove-shared-link"), l && await b();
+    }), L && L(l);
+  }, [C, e, r, N, L]), z = async (l) => {
+    if (l) {
+      await S();
+      return;
+    }
+    x("remove-shared-link");
+  }, j = () => {
+    if (_) {
+      _();
+      return;
+    }
+    x("shared-link-settings");
   };
   let u, m = !1;
-  return !a && !n && (u = e(t.sharedLinkToggleTooltip)), !a && !x.canShare && (u = e(t.createLinkDisabledTooltip), m = !0), a && !x.canSetShareAccess && (u = e(t.removeLinkDisabledTooltip), m = !0), /* @__PURE__ */ d("div", {
+  return !a && !n && (u = e(t.sharedLinkToggleTooltip)), !a && !T.canShare && (u = e(t.createLinkDisabledTooltip), m = !0), a && !T.canSetShareAccess && (u = e(t.removeLinkDisabledTooltip), m = !0), /* @__PURE__ */ d("div", {
     className: c.container,
-    children: [/* @__PURE__ */ i(S, {
+    children: [/* @__PURE__ */ i(b, {
       as: "label",
       variant: "bodyDefaultBold",
       children: e(t.shareLinkLabel)
@@ -82,35 +96,35 @@ function Ne() {
         content: u,
         "data-testid": "shared-link-tooltip",
         open: u ? void 0 : !1,
-        children: /* @__PURE__ */ i(K, {
+        children: /* @__PURE__ */ i(H, {
           focusable: m,
-          children: /* @__PURE__ */ i(G.Item, {
+          children: /* @__PURE__ */ i(J.Item, {
             checked: a,
             "data-target-id": "Toggle-CreateSharedLink",
             disabled: m || n,
             label: e(t.sharedLinkToggleLabel),
-            onCheckedChange: M,
+            onCheckedChange: z,
             value: "shared-link"
           })
         })
       }), a && !!o.expiresAt && /* @__PURE__ */ i(y, {
         content: e(t.expirationIconTooltip, {
-          expirationDate: ae(o.expiresAt)
+          expirationDate: se(o.expiresAt)
         }),
         "data-testid": "expiration-date-tooltip",
-        children: /* @__PURE__ */ i(V, {
-          color: W,
+        children: /* @__PURE__ */ i(Q, {
+          color: $,
           hideText: !0,
-          icon: J,
+          icon: Y,
           text: e(t.expirationIconLabel)
         })
-      }), a && s.sharedLinkSettings && /* @__PURE__ */ i(q, {
+      }), a && s.sharedLinkSettings && /* @__PURE__ */ i(W, {
         "aria-disabled": n,
         "aria-haspopup": "dialog",
         className: c.settings,
         "data-target-id": "PlainButton-SharedLinkSettings",
-        onClick: () => L("shared-link-settings"),
-        onKeyDown: ne(() => L("shared-link-settings"), {
+        onClick: j,
+        onKeyDown: ce(j, {
           canPreventDefault: !0
         }),
         role: "button",
@@ -120,47 +134,47 @@ function Ne() {
       })]
     }), a && /* @__PURE__ */ d("div", {
       className: c.copy,
-      children: [/* @__PURE__ */ i(X, {
-        ref: f,
-        autoFocus: A && r.current,
+      children: [/* @__PURE__ */ i(ee, {
+        ref: k,
+        autoFocus: E && r.current,
         "data-target-id": "Button-CopySharedLink",
         disabled: n,
         hideLabel: !0,
         label: e(t.sharedLinkUrlLabel),
-        onCopy: F,
+        onCopy: U,
         value: o.url
       }), s.sharedLinkEmail && /* @__PURE__ */ i(y, {
         align: "end",
         content: e(t.sharedLinkEmailLabel),
-        children: /* @__PURE__ */ i(H, {
+        children: /* @__PURE__ */ i(X, {
           "aria-label": e(t.sharedLinkEmailLabel),
           "data-target-id": "Button-SendSharedLink",
           disabled: n,
-          icon: Q,
-          onClick: () => j("email"),
+          icon: Z,
+          onClick: () => P("email"),
           size: "large",
           variant: "secondary"
         })
       })]
     }), a && (s.sharedLinkAccess || s.sharedLinkPermission) && /* @__PURE__ */ d("div", {
       className: c.access,
-      children: [s.sharedLinkAccess && /* @__PURE__ */ i(Y, {}), s.sharedLinkPermission && /* @__PURE__ */ i(Z, {})]
+      children: [s.sharedLinkAccess && /* @__PURE__ */ i(te, {}), s.sharedLinkPermission && /* @__PURE__ */ i(ie, {})]
     }), a && o.access === "open" && /* @__PURE__ */ d("div", {
-      children: [/* @__PURE__ */ i(D, {
+      children: [/* @__PURE__ */ i(I, {
         className: c.icon,
         height: g,
         width: g
-      }), /* @__PURE__ */ i(S, {
+      }), /* @__PURE__ */ i(b, {
         as: "span",
         color: "textOnLightSecondary",
         children: o.permission === "can_edit" ? e(t.sharedLinkEditablePubliclyAvailable) : e(t.sharedLinkPubliclyAvailable)
       })]
     }), a && o.access === "company" && o.permission === "can_edit" && /* @__PURE__ */ d("div", {
-      children: [/* @__PURE__ */ i(D, {
+      children: [/* @__PURE__ */ i(I, {
         className: c.icon,
         height: g,
         width: g
-      }), /* @__PURE__ */ i(S, {
+      }), /* @__PURE__ */ i(b, {
         as: "span",
         color: "textOnLightSecondary",
         children: e(t.sharedLinkElevatedEditableCompanyAvailable)
@@ -169,5 +183,5 @@ function Ne() {
   });
 }
 export {
-  Ne as SharedLinkSection
+  we as SharedLinkSection
 };

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

@@ -1,78 +1,79 @@
 import a from "clsx";
-import { useCallback as y } from "react";
-import { useIntl as N } from "react-intl";
-import { Modal as e, LoadingIndicator as v } from "@box/blueprint-web";
-import { UnifiedShareForm as D } from "./unified-share-form.js";
+import { useCallback as N } from "react";
+import { useIntl as v } from "react-intl";
+import { Modal as e, LoadingIndicator as D } from "@box/blueprint-web";
+import { UnifiedShareForm as M } from "./unified-share-form.js";
 import l from "./messages.js";
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { CollaboratorList as M } from "./collaborator-list/collaborator-list.js";
+import { CollaboratorList as O } from "./collaborator-list/collaborator-list.js";
 import { useUnifiedShareFormContext as h } from "../../contexts/unified-share-form-context.js";
 import { useUnifiedShareModalContext as U } from "../../contexts/unified-share-modal-context.js";
 import { ClassificationStatus as k } from "../classification-status/classification-status.js";
-import '../../../../styles/unified-share-form-modal.css';const O = "_content_17drm_1", j = "_isFullscreen_17drm_4", w = "_body_17drm_13", z = "_hasFooter_17drm_30", B = "_classificationStatusContainer_17drm_34", I = "_loading_17drm_39", P = "_form_17drm_47", H = "_isLoading_17drm_52", t = {
-  content: O,
-  isFullscreen: j,
-  body: w,
-  hasFooter: z,
-  classificationStatusContainer: B,
-  loading: I,
-  form: P,
-  isLoading: H
+import '../../../../styles/unified-share-form-modal.css';const j = "_content_17drm_1", w = "_isFullscreen_17drm_4", z = "_body_17drm_13", B = "_hasFooter_17drm_30", I = "_classificationStatusContainer_17drm_34", P = "_loading_17drm_39", H = "_form_17drm_47", R = "_isLoading_17drm_52", t = {
+  content: j,
+  isFullscreen: w,
+  body: z,
+  hasFooter: B,
+  classificationStatusContainer: I,
+  loading: P,
+  form: H,
+  isLoading: R
 };
-function X({
+function Y({
   children: m,
   isOpen: p,
   onOpenChange: c
 }) {
   const {
     formatMessage: n
-  } = N(), {
-    setContainerRef: F,
-    setForm: d
+  } = v(), {
+    isCollaboratorsOpen: d,
+    setContainerRef: C,
+    setForm: f
   } = h(), {
-    isFetching: f,
+    isFetching: u,
     isSubmitting: s,
-    item: C,
+    item: F,
     variant: b
   } = U(), {
-    form: u
+    form: S
   } = h(), {
-    name: S
-  } = C, _ = b === "desktop", g = u === "default", L = y((r) => {
-    s || (d("default"), c(r));
-  }, [s, c, d]), x = (r) => {
+    name: L
+  } = F, _ = b === "desktop", g = S === "default", x = N((r) => {
+    s || (f("default"), c(r));
+  }, [s, c, f]), y = (r) => {
     r.preventDefault();
   };
   return /* @__PURE__ */ i(e, {
-    onOpenChange: L,
+    onOpenChange: x,
     open: p,
     children: [!!m && /* @__PURE__ */ o(e.Trigger, {
       children: m
     }), /* @__PURE__ */ i(e.Content, {
-      ref: F,
+      ref: C,
       className: a(t.content, _ && t.isFullscreen),
-      onPointerDownOutside: x,
+      onPointerDownOutside: y,
       size: "medium",
       children: [/* @__PURE__ */ i(e.Header, {
         children: [n(l.title, {
-          itemName: S
+          itemName: L
         }), /* @__PURE__ */ o("div", {
           className: t.classificationStatusContainer,
           children: /* @__PURE__ */ o(k, {})
         })]
       }), /* @__PURE__ */ i(e.Body, {
         className: a(t.body, !g && t.hasFooter),
-        children: [f && /* @__PURE__ */ o("div", {
+        children: [u && /* @__PURE__ */ o("div", {
           className: t.loading,
-          children: /* @__PURE__ */ o(v, {
+          children: /* @__PURE__ */ o(D, {
             "aria-label": n(l.loadingLabel),
             size: "large"
           })
         }), /* @__PURE__ */ o("div", {
-          className: a(t.form, f && t.isLoading),
-          children: u === "collaborators" ? /* @__PURE__ */ o(M, {}) : /* @__PURE__ */ o(D, {})
+          className: a(t.form, u && t.isLoading),
+          children: d ? /* @__PURE__ */ o(O, {}) : /* @__PURE__ */ o(M, {})
         })]
-      }), !_ && g && /* @__PURE__ */ o(e.Close, {
+      }), !_ && !d && g && /* @__PURE__ */ o(e.Close, {
         "aria-label": n(l.closeButton),
         disabled: s
       })]
@@ -80,5 +81,5 @@ function X({
   });
 }
 export {
-  X as UnifiedShareFormModal
+  Y as UnifiedShareFormModal
 };

package/dist/esm/lib/contexts/unified-share-form-context.js

@@ -1,53 +1,53 @@
-import { createContext as w, useContext as M, useState as e, useRef as U, useCallback as A, useEffect as E, useMemo as L } from "react";
-import { useUnifiedShareModalContext as j } from "./unified-share-modal-context.js";
-import { jsx as O } from "react/jsx-runtime";
-const V = /* @__PURE__ */ w(null), B = () => {
-  const t = M(V);
+import { createContext as M, useContext as O, useState as e, useRef as F, useCallback as P, useEffect as A, useMemo as E } from "react";
+import { useUnifiedShareModalContext as L } from "./unified-share-modal-context.js";
+import { jsx as j } from "react/jsx-runtime";
+const v = /* @__PURE__ */ M(null), z = () => {
+  const t = O(v);
   if (!t)
     throw new Error("useUnifiedShareFormContext must be used with UnifiedShareFormProvider");
   return t;
-}, D = ({
+}, B = ({
   children: t
 }) => {
   const {
     initialContacts: o,
     isOpen: s
-  } = j(), [n, r] = e("default"), [i, a] = e("default"), [c, b] = e(null), [l, u] = e(o), [d, f] = e(""), [m, h] = e(""), [C, S] = e(), [x, R] = e({}), F = U(!1), p = U(!1), v = A((g) => {
-    R((k) => ({
-      ...k,
-      ...g
+  } = L(), [n, r] = e("default"), [a, i] = e(!1), [l, V] = e(null), [c, u] = e(o), [f, d] = e(""), [C, h] = e(""), [m, S] = e(), [x, R] = e({}), p = F(!1), U = F(!1), b = P((k) => {
+    R((w) => ({
+      ...w,
+      ...k
     }));
   }, []);
-  E(() => {
-    s || (r("default"), a("default"), u(o), f(""), h(""), S(void 0), R({}), F.current = !1, p.current = !1);
+  A(() => {
+    s || (r("default"), i(!1), u(o), d(""), h(""), S(void 0), R({}), p.current = !1, U.current = !1);
   }, [o, s]);
-  const P = L(() => ({
-    collaborationRole: C,
-    contactValue: d,
-    containerRef: c,
+  const g = E(() => ({
+    collaborationRole: m,
+    contactValue: f,
+    containerRef: l,
     form: n,
-    isSharedLinkAutoCopied: F,
-    isSharedLinkAutoCreated: p,
-    messageValue: m,
-    previousForm: i,
+    isCollaboratorsOpen: a,
+    isSharedLinkAutoCopied: p,
+    isSharedLinkAutoCreated: U,
+    messageValue: C,
     setCollaborationRole: S,
-    setContactValue: f,
-    setContainerRef: b,
+    setContactValue: d,
+    setContainerRef: V,
     setForm: r,
+    setIsCollaboratorsOpen: i,
     setMessageValue: h,
-    setPreviousForm: a,
-    setShieldRestriction: v,
+    setShieldRestriction: b,
     setUserContacts: u,
     shieldRestriction: x,
-    userContacts: l
-  }), [C, d, c, n, v, m, i, x, l]);
-  return /* @__PURE__ */ O(V.Provider, {
-    value: P,
+    userContacts: c
+  }), [m, f, l, n, b, a, C, x, c]);
+  return /* @__PURE__ */ j(v.Provider, {
+    value: g,
     children: t
   });
 };
 export {
-  V as UnifiedShareFormContext,
-  D as UnifiedShareFormProvider,
-  B as useUnifiedShareFormContext
+  v as UnifiedShareFormContext,
+  B as UnifiedShareFormProvider,
+  z as useUnifiedShareFormContext
 };

package/dist/types/lib/contexts/unified-share-form-context.d.ts

@@ -6,16 +6,16 @@ export interface UnifiedShareFormContextValue {
     contactValue: string;
     containerRef: HTMLDivElement | null;
     form: FormType;
+    isCollaboratorsOpen: boolean;
     isSharedLinkAutoCopied: React.MutableRefObject<boolean>;
     isSharedLinkAutoCreated: React.MutableRefObject<boolean>;
     messageValue: string;
-    previousForm: FormType;
     setCollaborationRole: Dispatch<SetStateAction<CollaborationRole | undefined>>;
     setContactValue: Dispatch<SetStateAction<string>>;
     setContainerRef: Dispatch<SetStateAction<HTMLDivElement | null>>;
     setForm: Dispatch<SetStateAction<FormType>>;
+    setIsCollaboratorsOpen: Dispatch<SetStateAction<boolean>>;
     setMessageValue: Dispatch<SetStateAction<string>>;
-    setPreviousForm: Dispatch<SetStateAction<FormType>>;
     setShieldRestriction: Dispatch<SetStateAction<ShieldRestriction>>;
     setUserContacts: Dispatch<SetStateAction<UserContactType[]>>;
     shieldRestriction: ShieldRestriction;

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

@@ -18,14 +18,9 @@ export type VariantType = 'desktop' | 'modal';
  */
 export type ViewType = 'unified-share-form' | 'shared-link-settings' | 'remove-shared-link' | 'remove-collaborator';
 /**
- * View states of the sharing form in the Unified Share Modal.
- *
- * - `default` - The initial view which displays the collaboration and shared link sections
- * - `invite` - An expanded view of the collaboration section used for inviting collaborators
- * - `email` - An expanded view of the collaboration section used for emailing the shared link
- * - `collaborators` - A separate view for displaying the list of collaborators on the item
+ * Form states in the Unified Share Modal.
  */
-export type FormType = 'default' | 'invite' | 'email' | 'collaborators';
+export type FormType = 'default' | 'invite' | 'email';
 /**
  * Supported success and error notifications when the user performs sharing actions.
  */
@@ -376,10 +371,14 @@ export interface EventService {
      * This is usually used for data tracking purposes.
      */
     onRestrictedUsersRemoveClick?: (contacts: UserContactType[]) => void;
+    /**
+     * Function to observe when the shared link is copied to the clipboard.
+     */
+    onSharedLinkCopy?: (result: string | Error) => void;
     /**
      * Function to customize the click behavior of the "Link Settings" link.
      *
-     * NOTE: This has not been implemented.
+     * If provided, the default behavior is disabled and the shared link settings will not be opened.
      */
     onSharedLinkSettingsClick?: () => void;
     /**

package/package.json

@@ -1,22 +1,22 @@
 {
     "name": "@box/unified-share-modal",
-    "version": "2.7.17",
+    "version": "2.8.0",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
-        "@box/blueprint-web": "^13.7.1",
-        "@box/blueprint-web-assets": "^4.105.0",
-        "@box/copy-input": "^1.39.23",
-        "@box/user-selector": "^1.73.24",
+        "@box/blueprint-web": "^13.7.2",
+        "@box/blueprint-web-assets": "^4.105.1",
+        "@box/copy-input": "^1.39.24",
+        "@box/user-selector": "^1.73.25",
         "lodash": "^4.17.15",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^13.7.1",
-        "@box/blueprint-web-assets": "^4.105.0",
-        "@box/copy-input": "^1.39.23",
-        "@box/storybook-utils": "0.16.73",
+        "@box/blueprint-web": "^13.7.2",
+        "@box/blueprint-web-assets": "^4.105.1",
+        "@box/copy-input": "^1.39.24",
+        "@box/storybook-utils": "0.16.74",
         "@box/eslint-plugin-blueprint": "1.1.6",
         "react-intl": "^6.4.2"
     },