@box/unified-share-modal 2.16.8 → 2.16.10

package/dist/chunks/collaboration-section.js

@@ -12,93 +12,94 @@ import { t as ie } from "./text-area-container.js";
 import { useCallback as o, useEffect as s, useRef as ae, useState as oe } from "react";
 import c from "clsx";
 import { useIntl as l } from "react-intl";
-import { Focusable as u, Modal as d, Text as f, Tooltip as p, useBlueprintModernization as se, useLabelable as ce, useNotification as le, useUniqueId as ue } from "@box/blueprint-web";
-import { Fragment as de, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { createPortal as fe } from "react-dom";
-import { Globe as pe } from "@box/blueprint-web-assets/icons/Medium";
-import { bpSize040 as g } from "@box/blueprint-web-assets/tokens/tokens";
-import { UserSelectorContainer as me } from "@box/user-selector";
-import '../styles/collaboration-section.css';var _ = {
-	container: "_container_1e2gg_2",
-	label: "_label_1e2gg_8",
-	modernized: "_modernized_1e2gg_15",
-	security: "_security_1e2gg_33",
-	icon: "_icon_1e2gg_37",
-	access: "_access_1e2gg_43"
+import { Focusable as u, Modal as d, Text as f, Tooltip as p, useBlueprintModernization as m, useLabelable as h, useNotification as se, useUniqueId as ce } from "@box/blueprint-web";
+import { Fragment as le, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { createPortal as ue } from "react-dom";
+import { Globe as de } from "@box/blueprint-web-assets/icons/Medium";
+import { bpSize040 as v } from "@box/blueprint-web-assets/tokens/tokens";
+import { UserSelectorContainer as fe } from "@box/user-selector";
+import '../styles/collaboration-section.css';var y = {
+	container: "_container_1qux4_2",
+	label: "_label_1qux4_8",
+	modernized: "_modernized_1qux4_15",
+	security: "_security_1qux4_33",
+	disclosures: "_disclosures_1qux4_37",
+	icon: "_icon_1qux4_43",
+	access: "_access_1qux4_49"
 };
-function v() {
-	let { formatMessage: v } = l(), [y, b] = oe(), { enableModernizedComponents: x } = se(), { addNotification: S } = le(), { validateShieldRestriction: C } = ee(), { contactValue: w, containerRef: T, form: E, setForm: D, setUserContacts: O, shieldRestriction: k, userContacts: A } = r(), { collaborationAccess: j, collaborationNotices: M, config: N, contactService: P, isFetching: F, isSubmitting: I, item: L, onOpenChange: R, sharingService: z, variant: he } = e(), { permissions: B = {}, type: ge } = L, { getContacts: V, getContactsAvatarUrls: H } = P, { sendInvitations: _e, sendSharedLink: ve } = z, ye = he === "desktop", U = E === "default" || E === "invite", W = E === "invite" || E === "email", be = E === "invite" && N.collaborationMessage, xe = E === "email" && N.sharedLinkEmailMessage, Se = A.some((e) => e.isExternalUser), G, K;
-	E === "invite" && (G = _e, K = "invite-collaborators"), E === "email" && (G = ve, K = "email-shared-link");
-	let { errors: Ce, handleFormReset: q, handleFormSubmit: we, handleSelectedUsersChange: J, handleUserSelectorBlur: Te, updateContactValue: Ee } = te(G, K), Y = ae(E === "email" ? "email" : "invite");
+function b() {
+	let { formatMessage: b } = l(), [x, S] = oe(), { enableModernizedComponents: pe } = m(), { addNotification: me } = se(), { validateShieldRestriction: C } = ee(), { contactValue: w, containerRef: T, form: E, setForm: D, setUserContacts: O, shieldRestriction: k, userContacts: A } = r(), { collaborationAccess: j, collaborationNotices: M, config: N, contactService: P, invitationFormNotices: F, isFetching: I, isSubmitting: L, item: R, onOpenChange: z, sharingService: he, variant: ge } = e(), { permissions: B = {}, type: _e } = R, { getContacts: V, getContactsAvatarUrls: H } = P, { sendInvitations: ve, sendSharedLink: ye } = he, be = ge === "desktop", U = E === "default" || E === "invite", W = E === "invite" || E === "email", xe = E === "invite" && N.collaborationMessage, Se = E === "email" && N.sharedLinkEmailMessage, G = A.some((e) => e.isExternalUser), K, q;
+	E === "invite" && (K = ve, q = "invite-collaborators"), E === "email" && (K = ye, q = "email-shared-link");
+	let { errors: Ce, handleFormReset: J, handleFormSubmit: we, handleSelectedUsersChange: Y, handleUserSelectorBlur: Te, updateContactValue: Ee } = te(K, q), X = ae(E === "email" ? "email" : "invite");
 	s(() => {
-		Y.current = E === "email" ? "email" : "invite";
+		X.current = E === "email" ? "email" : "invite";
 	}, [E]), s(() => {
-		(!A.length || !A.some((e) => e.chipVariant === "error")) && b(null);
+		(!A.length || !A.some((e) => e.chipVariant === "error")) && S(null);
 	}, [A]);
-	let De = o((e) => (e.stopPropagation(), !0), []), Oe = o((e) => V ? V(e, Y.current) : Promise.resolve([]), [V]), ke = o((e) => H ? H(e) : Promise.resolve({}), [H]), Ae = (e) => {
+	let De = o((e) => (e.stopPropagation(), !0), []), Oe = o((e) => V ? V(e, X.current) : Promise.resolve([]), [V]), ke = o((e) => H ? H(e) : Promise.resolve({}), [H]), Ae = (e) => {
 		W || D("invite"), Ee(e);
-	}, X = o((e) => {
+	}, je = o((e) => {
 		let n = e.clipboardData.getData("text");
-		t(n).length !== 0 && (e.preventDefault(), W || D("invite"), J([...A, { value: n }]));
+		t(n).length !== 0 && (e.preventDefault(), W || D("invite"), Y([...A, { value: n }]));
 	}, [
-		J,
+		Y,
 		W,
 		D,
 		A
-	]), je = () => {
-		q(), D("default");
-	}, Me = async () => {
+	]), Me = () => {
+		J(), D("default");
+	}, Ne = async () => {
 		try {
-			if (y) {
+			if (x) {
 				let e = C(A, k);
 				if (e) {
-					S({
-						...n(v, "error"),
+					me({
+						...n(b, "error"),
 						styledText: e
 					});
 					return;
 				}
 			}
 			if (await we()) return;
-			q(), R(!1), D("default");
+			J(), z(!1), D("default");
 		} catch (e) {
 			if (!e.shieldRestriction) return;
 			let { shieldRestriction: t } = e, n = [...t.restrictedEmails ?? [], ...t.restrictedGroups ?? []], r = A.map((e) => n.includes(e.email) || n.includes(`${e.id}`) ? {
 				...e,
 				chipVariant: "error"
 			} : e);
-			b(t), O(r);
+			S(t), O(r);
 		}
 	}, Z, Q = !1;
-	U && !B.canInviteCollaborator && (Z = v(i.inviteDisabledTooltip), Q = !0), U && ge === "web_link" && (Z = v(i.inviteWebLinkDisabledTooltip), Q = !0);
-	let $ = ue("usm-UserContacts-"), Ne = ce(v(U ? i.invitePeopleLabel : i.emailSharedLinkLabel), $);
-	return /* @__PURE__ */ h("form", {
-		className: _.container,
+	U && !B.canInviteCollaborator && (Z = b(i.inviteDisabledTooltip), Q = !0), U && _e === "web_link" && (Z = b(i.inviteWebLinkDisabledTooltip), Q = !0);
+	let $ = ce("usm-UserContacts-"), Pe = h(b(U ? i.invitePeopleLabel : i.emailSharedLinkLabel), $);
+	return /* @__PURE__ */ _("form", {
+		className: y.container,
 		onSubmit: (e) => e.preventDefault(),
 		children: [
-			y && /* @__PURE__ */ m(re, {
-				error: y,
-				isLoading: I,
-				onSelectedUsersChange: J
+			x && /* @__PURE__ */ g(re, {
+				error: x,
+				isLoading: L,
+				onSelectedUsersChange: Y
 			}),
 			M,
-			/* @__PURE__ */ h("div", { children: [
-				U && N.collaborators && /* @__PURE__ */ m(ne, {}),
-				/* @__PURE__ */ m(Ne, { className: c(_.label, x && _.modernized) }),
-				/* @__PURE__ */ m(p, {
+			/* @__PURE__ */ _("div", { children: [
+				U && N.collaborators && /* @__PURE__ */ g(ne, {}),
+				/* @__PURE__ */ g(Pe, { className: c(y.label, pe && y.modernized) }),
+				/* @__PURE__ */ g(p, {
 					content: Z,
 					"data-testid": "usm-UserContacts-tooltip",
 					open: Z ? void 0 : !1,
 					side: "bottom",
-					children: /* @__PURE__ */ m(u, {
+					children: /* @__PURE__ */ g(u, {
 						focusable: Q,
-						children: /* @__PURE__ */ m(me, {
+						children: /* @__PURE__ */ g(fe, {
 							autoFocus: B.canInviteCollaborator,
 							className: "usm-UserContacts-input",
-							clearButtonAriaLabel: v(i.clearButton),
+							clearButtonAriaLabel: b(i.clearButton),
 							clearOnBlur: !1,
 							"data-target-id": "PillSelectorDropdown-AddNamesOrEmailAddresses",
-							disabled: Q || I,
+							disabled: Q || L,
 							displayChipVariant: (e) => e.chipVariant,
 							error: Ce.userContacts,
 							fetchAvatarUrls: ke,
@@ -109,9 +110,9 @@ function v() {
 							label: null,
 							onBlur: Te,
 							onInputValueChange: Ae,
-							onPaste: X,
-							onSelectedUsersChange: J,
-							placeholder: A.length ? "" : v(i.invitePeoplePlaceholder),
+							onPaste: je,
+							onSelectedUsersChange: Y,
+							placeholder: A.length ? "" : b(i.invitePeoplePlaceholder),
 							portalElement: T,
 							selectedUsers: A,
 							selectOnEnterOrTab: !0,
@@ -119,39 +120,42 @@ function v() {
 						})
 					})
 				}),
-				U && /* @__PURE__ */ h("div", {
-					className: _.access,
-					children: [N.collaborationRole && /* @__PURE__ */ m(a, {}), j]
+				U && /* @__PURE__ */ _("div", {
+					className: y.access,
+					children: [N.collaborationRole && /* @__PURE__ */ g(a, {}), j]
 				})
 			] }),
-			(be || xe) && /* @__PURE__ */ m(ie, { maxCount: N.collaborationMessageLimit }),
-			W && Se && /* @__PURE__ */ h("div", {
-				className: _.security,
-				children: [/* @__PURE__ */ m(pe, {
-					className: _.icon,
-					height: g,
-					width: g
-				}), /* @__PURE__ */ m(f, {
-					as: "span",
-					color: "textOnLightSecondary",
-					children: v(i.contentSharedWithExternalCollaborators)
-				})]
+			(xe || Se) && /* @__PURE__ */ g(ie, { maxCount: N.collaborationMessageLimit }),
+			W && (G || F) && /* @__PURE__ */ _("div", {
+				className: y.disclosures,
+				children: [G && /* @__PURE__ */ _("div", {
+					className: y.security,
+					children: [/* @__PURE__ */ g(de, {
+						className: y.icon,
+						height: v,
+						width: v
+					}), /* @__PURE__ */ g(f, {
+						as: "span",
+						color: "textOnLightSecondary",
+						children: b(i.contentSharedWithExternalCollaborators)
+					})]
+				}), F]
 			}),
-			W && T && /* @__PURE__ */ fe(/* @__PURE__ */ h(de, { children: [!F && /* @__PURE__ */ h(d.Footer, { children: [/* @__PURE__ */ m(d.Footer.SecondaryButton, {
-				disabled: I,
-				onClick: je,
-				children: v(i.cancelButton)
-			}), /* @__PURE__ */ m(d.Footer.PrimaryButton, {
-				"data-target-id": "Modal.Footer.PrimaryButton-USMSendInvite",
-				loading: I,
-				loadingAriaLabel: v(i.loadingLabel),
+			W && T && /* @__PURE__ */ ue(/* @__PURE__ */ _(le, { children: [!I && /* @__PURE__ */ _(d.Footer, { children: [/* @__PURE__ */ g(d.Footer.SecondaryButton, {
+				disabled: L,
 				onClick: Me,
-				children: v(i.sendButton)
-			})] }), !ye && /* @__PURE__ */ m(d.Close, {
-				"aria-label": v(i.closeButton),
-				disabled: I
+				children: b(i.cancelButton)
+			}), /* @__PURE__ */ g(d.Footer.PrimaryButton, {
+				"data-target-id": "Modal.Footer.PrimaryButton-USMSendInvite",
+				loading: L,
+				loadingAriaLabel: b(i.loadingLabel),
+				onClick: Ne,
+				children: b(i.sendButton)
+			})] }), !be && /* @__PURE__ */ g(d.Close, {
+				"aria-label": b(i.closeButton),
+				disabled: L
 			})] }), T)
 		]
 	});
 }
-export { v as t };
+export { b as t };

package/dist/chunks/shared-link-section.js

@@ -9,40 +9,41 @@ import { t as s } from "./shared-link-access.js";
 import { t as ee } from "./shared-link-permission.js";
 import { useCallback as c, useEffect as l, useRef as u } from "react";
 import { useIntl as d } from "react-intl";
-import { Button as f, Focusable as te, Link as p, Status as ne, Switch as re, Text as m, Tooltip as h, useNotification as g } from "@box/blueprint-web";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-import { ClockBadge as ie } from "@box/blueprint-web-assets/icons/Line";
+import { Button as te, Focusable as ne, Link as f, Status as re, Switch as ie, Text as p, Tooltip as m, useNotification as h } from "@box/blueprint-web";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { ClockBadge as v } from "@box/blueprint-web-assets/icons/Line";
 import { CopyInput as y } from "@box/copy-input";
 import { Globe as b, Mail as x } from "@box/blueprint-web-assets/icons/Medium";
 import { SurfaceStatusSurfaceRed as S, bpSize040 as C } from "@box/blueprint-web-assets/tokens/tokens";
 import '../styles/shared-link-section.css';var w = {
-	container: "_container_j966c_1",
-	toggle: "_toggle_j966c_7",
-	settings: "_settings_j966c_13",
-	copy: "_copy_j966c_22",
-	access: "_access_j966c_30",
-	icon: "_icon_j966c_36"
+	container: "_container_so6jb_1",
+	toggle: "_toggle_so6jb_7",
+	settings: "_settings_so6jb_13",
+	copy: "_copy_so6jb_22",
+	access: "_access_so6jb_30",
+	disclosures: "_disclosures_so6jb_36",
+	icon: "_icon_so6jb_42"
 };
 function T() {
-	let { formatMessage: T } = d(), { addNotification: E } = g(), D = u(null), { isInteracted: O, isSharedLinkAutoCopied: k, isSharedLinkAutoCreated: A, setForm: j } = a(), { config: M, eventService: N, isFetching: P, isSubmitting: F, item: I, setView: L, sharedLink: R, sharingService: z } = e(), { permissions: B = {} } = I, { onSharedLinkCopy: V, onSharedLinkSettingsClick: H } = N, { createSharedLink: U } = z, { notifications: W, sharedLinkAutoCopy: G, sharedLinkAutoCreate: K } = M, q = !!R.url, J = G && !k.current && !O, Y = K && !A.current && !O, { onAction: X } = o(c(async () => {
+	let { formatMessage: T } = d(), { addNotification: E } = h(), D = u(null), { isInteracted: O, isSharedLinkAutoCopied: k, isSharedLinkAutoCreated: A, setForm: ae } = a(), { config: j, eventService: M, isFetching: N, isSubmitting: P, item: F, setView: I, sharedLink: L, sharedLinkNotices: R, sharingService: z } = e(), { permissions: B = {} } = F, { onSharedLinkCopy: V, onSharedLinkSettingsClick: H } = M, { createSharedLink: U } = z, { notifications: W, sharedLinkAutoCopy: G, sharedLinkAutoCreate: K } = j, q = !!L.url, J = G && !k.current && !O, Y = K && !A.current && !O, { onAction: X } = o(c(async () => {
 		let e = await U();
 		return J ? { messages: [] } : e;
 	}, [J, U]), "create-shared-link");
 	l(() => {
 		(async () => {
-			P || F || ((J || Y) && !q && !A.current && (A.current = !0, await X()), J && q && D.current && D.current.click());
+			N || P || ((J || Y) && !q && !A.current && (A.current = !0, await X()), J && q && D.current && D.current.click());
 		})();
 	}, [
 		q,
 		J,
 		Y,
-		P,
+		N,
 		k,
 		A,
-		F,
+		P,
 		X
 	]);
-	let ae = c((e) => {
+	let oe = c((e) => {
 		if (V && V(e), !J) return;
 		k.current = !0;
 		let t;
@@ -58,119 +59,125 @@ function T() {
 		A,
 		W,
 		V
-	]), oe = async (e) => {
+	]), se = async (e) => {
 		if (e) {
 			await X();
 			return;
 		}
-		L("remove-shared-link");
+		I("remove-shared-link");
 	}, Z = () => {
 		if (H) {
 			H();
 			return;
 		}
-		L("shared-link-settings");
+		I("shared-link-settings");
 	}, Q, $ = !1;
-	return !q && !F && (Q = T(i.sharedLinkToggleTooltip)), !q && !B.canShare && (Q = T(i.createLinkDisabledTooltip), $ = !0), q && !B.canSetShareAccess && (Q = T(i.removeLinkDisabledTooltip), $ = !0), /* @__PURE__ */ v("div", {
+	return !q && !P && (Q = T(i.sharedLinkToggleTooltip)), !q && !B.canShare && (Q = T(i.createLinkDisabledTooltip), $ = !0), q && !B.canSetShareAccess && (Q = T(i.removeLinkDisabledTooltip), $ = !0), /* @__PURE__ */ _("div", {
 		className: w.container,
 		children: [
-			/* @__PURE__ */ _(m, {
+			/* @__PURE__ */ g(p, {
 				as: "label",
 				variant: "bodyDefaultBold",
 				children: T(i.shareLinkLabel)
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ _("div", {
 				className: w.toggle,
 				children: [
-					/* @__PURE__ */ _(h, {
+					/* @__PURE__ */ g(m, {
 						align: "start",
 						content: Q,
 						"data-testid": "usm-SharedLinkToggle-tooltip",
 						open: Q ? void 0 : !1,
-						children: /* @__PURE__ */ _(te, {
+						children: /* @__PURE__ */ g(ne, {
 							focusable: $,
-							children: /* @__PURE__ */ _(re.Item, {
+							children: /* @__PURE__ */ g(ie.Item, {
 								autoFocus: !B.canInviteCollaborator,
 								checked: q,
 								"data-target-id": "Toggle-CreateSharedLink",
-								disabled: $ || F,
+								disabled: $ || P,
 								label: T(i.sharedLinkToggleLabel),
-								onCheckedChange: oe,
+								onCheckedChange: se,
 								value: "shared-link"
 							})
 						})
 					}),
-					q && !!R.expiresAt && /* @__PURE__ */ _(h, {
-						content: T(i.expirationIconTooltip, { expirationDate: t(R.expiresAt) }),
+					q && !!L.expiresAt && /* @__PURE__ */ g(m, {
+						content: T(i.expirationIconTooltip, { expirationDate: t(L.expiresAt) }),
 						"data-testid": "usm-SharedLinkExpiration-tooltip",
-						children: /* @__PURE__ */ _(ne, {
+						children: /* @__PURE__ */ g(re, {
 							color: S,
 							hideText: !0,
-							icon: ie,
+							icon: v,
 							text: T(i.expirationIconLabel)
 						})
 					}),
-					q && M.sharedLinkSettings && /* @__PURE__ */ _(p, {
-						"aria-disabled": F,
+					q && j.sharedLinkSettings && /* @__PURE__ */ g(f, {
+						"aria-disabled": P,
 						"aria-haspopup": "dialog",
 						className: w.settings,
 						"data-target-id": "PlainButton-SharedLinkSettings",
 						onClick: Z,
 						onKeyDown: n(Z, { canPreventDefault: !0 }),
 						role: "button",
-						tabIndex: F ? -1 : 0,
+						tabIndex: P ? -1 : 0,
 						variant: "standalone",
 						children: T(i.sharedLinkSettingsLabel)
 					})
 				]
 			}),
-			q && /* @__PURE__ */ v("div", {
+			q && /* @__PURE__ */ _("div", {
 				className: w.copy,
-				children: [/* @__PURE__ */ _(y, {
+				children: [/* @__PURE__ */ g(y, {
 					ref: D,
 					autoFocus: K && A.current && !O,
 					"data-target-id": "Button-CopySharedLink",
-					disabled: F,
+					disabled: P,
 					hideLabel: !0,
 					label: T(i.sharedLinkUrlLabel),
-					onCopy: ae,
-					value: R.url
-				}), M.sharedLinkEmail && /* @__PURE__ */ _(h, {
+					onCopy: oe,
+					value: L.url
+				}), j.sharedLinkEmail && /* @__PURE__ */ g(m, {
 					align: "end",
 					content: T(i.sharedLinkEmailLabel),
-					children: /* @__PURE__ */ _(f, {
+					children: /* @__PURE__ */ g(te, {
 						"aria-label": T(i.sharedLinkEmailLabel),
 						"data-target-id": "Button-SendSharedLink",
-						disabled: F,
+						disabled: P,
 						endIcon: x,
-						onClick: () => j("email"),
+						onClick: () => ae("email"),
 						size: "large",
 						variant: "secondary"
 					})
 				})]
 			}),
-			q && (M.sharedLinkAccess || M.sharedLinkPermission) && /* @__PURE__ */ v("div", {
+			q && (j.sharedLinkAccess || j.sharedLinkPermission) && /* @__PURE__ */ _("div", {
 				className: w.access,
-				children: [M.sharedLinkAccess && /* @__PURE__ */ _(s, {}), M.sharedLinkPermission && /* @__PURE__ */ _(ee, {})]
+				children: [j.sharedLinkAccess && /* @__PURE__ */ g(s, {}), j.sharedLinkPermission && /* @__PURE__ */ g(ee, {})]
 			}),
-			q && R.access === "open" && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _(b, {
-				className: w.icon,
-				height: C,
-				width: C
-			}), /* @__PURE__ */ _(m, {
-				as: "span",
-				color: "textOnLightSecondary",
-				children: R.permission === "can_edit" ? T(i.sharedLinkEditablePubliclyAvailable) : T(i.sharedLinkPubliclyAvailable)
-			})] }),
-			q && R.access === "company" && R.permission === "can_edit" && /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _(b, {
-				className: w.icon,
-				height: C,
-				width: C
-			}), /* @__PURE__ */ _(m, {
-				as: "span",
-				color: "textOnLightSecondary",
-				children: T(i.sharedLinkElevatedEditableCompanyAvailable)
-			})] })
+			q && (L.access === "open" || L.access === "company" && L.permission === "can_edit" || R) && /* @__PURE__ */ _("div", {
+				className: w.disclosures,
+				children: [
+					L.access === "open" && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(b, {
+						className: w.icon,
+						height: C,
+						width: C
+					}), /* @__PURE__ */ g(p, {
+						as: "span",
+						color: "textOnLightSecondary",
+						children: L.permission === "can_edit" ? T(i.sharedLinkEditablePubliclyAvailable) : T(i.sharedLinkPubliclyAvailable)
+					})] }),
+					L.access === "company" && L.permission === "can_edit" && /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(b, {
+						className: w.icon,
+						height: C,
+						width: C
+					}), /* @__PURE__ */ g(p, {
+						as: "span",
+						color: "textOnLightSecondary",
+						children: T(i.sharedLinkElevatedEditableCompanyAvailable)
+					})] }),
+					R
+				]
+			})
 		]
 	});
 }

package/dist/chunks/unified-share-form-modal.js

@@ -10,14 +10,14 @@ import { useIntl as c } from "react-intl";
 import { LoadingIndicator as l, Modal as u } from "@box/blueprint-web";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import '../styles/unified-share-form-modal.css';var p = {
-	content: "_content_1i180_1",
-	isFullscreen: "_isFullscreen_1i180_4",
-	body: "_body_1i180_13",
-	title: "_title_1i180_17",
-	hasFooter: "_hasFooter_1i180_39",
-	loading: "_loading_1i180_43",
-	form: "_form_1i180_51",
-	isLoading: "_isLoading_1i180_56"
+	content: "_content_1p1s8_1",
+	isFullscreen: "_isFullscreen_1p1s8_4",
+	body: "_body_1p1s8_13",
+	title: "_title_1p1s8_17",
+	hasFooter: "_hasFooter_1p1s8_39",
+	loading: "_loading_1p1s8_43",
+	form: "_form_1p1s8_51",
+	isLoading: "_isLoading_1p1s8_56"
 };
 function m({ children: m, isOpen: h, onOpenChange: g }) {
 	let { formatMessage: _ } = c(), { form: v, isCollaboratorsOpen: y, setContainerRef: b, setForm: x } = t(), { eventService: S, isFetching: C, isSubmitting: w, item: T, variant: E } = e(), { onCloseAutoFocus: D } = S, { name: O } = T, k = E === "desktop", A = v === "default" && !y;

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

@@ -5,16 +5,16 @@ var s = /* @__PURE__ */ t(null), c = () => {
 	let e = n(s);
 	if (!e) throw Error("useUnifiedShareModalContext must be used with UnifiedShareModalContext.Provider");
 	return e;
-}, l = ({ children: t, collaborationAccess: n, collaborationNotices: c, collaborationRoles: l, collaborators: u, config: d, contactService: f, currentUser: p, eventService: m, initialContacts: h, isFetching: g, isOpen: _, isSubmitting: v, item: y, onOpenChange: b, sharedLink: x, sharingService: S, variant: C }) => {
-	let [w, T] = a(null), [E, D] = a(!1), [O, k] = a("unified-share-form");
+}, l = ({ children: t, collaborationAccess: n, collaborationNotices: c, collaborationRoles: l, collaborators: u, config: d, contactService: f, currentUser: p, eventService: m, initialContacts: h, invitationFormNotices: g, isFetching: _, isOpen: v, isSubmitting: y, item: b, onOpenChange: x, sharedLink: S, sharedLinkNotices: C, sharingService: w, variant: T }) => {
+	let [E, D] = a(null), [O, k] = a(!1), [A, j] = a("unified-share-form");
 	r(() => {
-		_ || (D(!1), k("unified-share-form"));
-	}, [_]);
-	let A = i(() => ({
+		v || (k(!1), j("unified-share-form"));
+	}, [v]);
+	let M = i(() => ({
 		collaborationAccess: n,
 		collaborationNotices: c,
 		collaborationRoles: l ?? [],
-		collaborator: w,
+		collaborator: E,
 		collaborators: u ?? [],
 		config: {
 			...e,
@@ -24,23 +24,25 @@ var s = /* @__PURE__ */ t(null), c = () => {
 		currentUser: p ?? {},
 		eventService: m ?? {},
 		initialContacts: h ?? [],
-		isFetching: g,
-		isOpen: _,
-		isSubmitting: v ?? E,
-		item: y,
-		onOpenChange: b,
-		setCollaborator: T,
-		setIsLoading: D,
-		setView: k,
-		sharedLink: x ?? {},
-		sharingService: S ?? {},
-		variant: C,
-		view: O
+		invitationFormNotices: g,
+		isFetching: _,
+		isOpen: v,
+		isSubmitting: y ?? O,
+		item: b,
+		onOpenChange: x,
+		setCollaborator: D,
+		setIsLoading: k,
+		setView: j,
+		sharedLink: S ?? {},
+		sharedLinkNotices: C,
+		sharingService: w ?? {},
+		variant: T,
+		view: A
 	}), [
 		n,
 		c,
 		l,
-		w,
+		E,
 		u,
 		d,
 		f,
@@ -48,18 +50,20 @@ var s = /* @__PURE__ */ t(null), c = () => {
 		m,
 		h,
 		g,
-		E,
 		_,
+		O,
 		v,
 		y,
 		b,
 		x,
 		S,
 		C,
-		O
+		w,
+		T,
+		A
 	]);
 	return /* @__PURE__ */ o(s.Provider, {
-		value: A,
+		value: M,
 		children: t
 	});
 };

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

@@ -2,21 +2,21 @@ import { UnifiedShareModalProvider as e } from "./contexts/unified-share-modal-c
 import { UnifiedShareBase as t } from "./unified-share-base.js";
 import { useCallback as n, useEffect as r, useState as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
-function o({ children: o, collaborationAccess: s, collaborationNotices: c, collaborationRoles: l, collaborators: u, config: d, contactService: f, currentUser: p, eventService: m, initialContacts: h, isFetching: g, isOpen: _, isSubmitting: v, item: y, onLoad: b, onOpenChange: x, sharedLink: S, sharingService: C, variant: w = "modal" }) {
-	let [T, E] = i(_ ?? (!o || w === "desktop")), [D, O] = i(!!b);
+function o({ children: o, collaborationAccess: s, collaborationNotices: c, collaborationRoles: l, collaborators: u, config: d, contactService: f, currentUser: p, eventService: m, initialContacts: h, invitationFormNotices: g, isFetching: _, isOpen: v, isSubmitting: y, item: b, onLoad: x, onOpenChange: S, sharedLink: C, sharedLinkNotices: w, sharingService: T, variant: E = "modal" }) {
+	let [D, O] = i(v ?? (!o || E === "desktop")), [k, A] = i(!!x);
 	r(() => {
-		_ !== void 0 && E(_);
-	}, [_]), r(() => {
+		v !== void 0 && O(v);
+	}, [v]), r(() => {
 		(async () => {
-			b && (T && await b(), O(!T));
+			x && (D && await x(), A(!D));
 		})();
-	}, [T, b]);
-	let k = n((e) => {
-		_ === void 0 && w !== "desktop" && E(e), x && x(e);
+	}, [D, x]);
+	let j = n((e) => {
+		v === void 0 && E !== "desktop" && O(e), S && S(e);
 	}, [
-		_,
-		x,
-		w
+		v,
+		S,
+		E
 	]);
 	return /* @__PURE__ */ a(e, {
 		collaborationAccess: s,
@@ -28,14 +28,16 @@ function o({ children: o, collaborationAccess: s, collaborationNotices: c, colla
 		currentUser: p,
 		eventService: m,
 		initialContacts: h,
-		isFetching: g ?? D,
-		isOpen: T,
-		isSubmitting: v,
-		item: y,
-		onOpenChange: k,
-		sharedLink: S,
-		sharingService: C,
-		variant: w,
+		invitationFormNotices: g,
+		isFetching: _ ?? k,
+		isOpen: D,
+		isSubmitting: y,
+		item: b,
+		onOpenChange: j,
+		sharedLink: C,
+		sharedLinkNotices: w,
+		sharingService: T,
+		variant: E,
 		children: /* @__PURE__ */ a(t, { children: o })
 	});
 }

package/dist/styles/collaboration-section.css

@@ -1 +1 @@
-._container_1e2gg_2{gap:var(--bp-space-040);flex-direction:column;display:flex}._label_1e2gg_8{padding:var(--bp-space-010) 0;color:var(--text-text-on-light);overflow-wrap:break-word;margin-block-end:var(--space-2);display:block}._label_1e2gg_8._modernized_1e2gg_15{font-weight:var(--bp-font-weight-bold);font-size:var(--bp-font-size-05);font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;font-style:normal;line-height:var(--bp-font-line-height-04);letter-spacing:var(--bp-font-letter-spacing-01)}._label_1e2gg_8:not(._modernized_1e2gg_15){font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);-webkit-text-decoration:var(--body-default-bold-text-decoration);text-decoration:var(--body-default-bold-text-decoration)}._security_1e2gg_33{margin-top:calc(var(--bp-space-010) * -1)}._icon_1e2gg_37{height:var(--bp-size-050);margin-right:var(--bp-space-010);vertical-align:text-bottom}._access_1e2gg_43{gap:var(--bp-space-010);margin-top:var(--bp-space-030);flex-wrap:wrap;display:flex}
+._container_1qux4_2{gap:var(--bp-space-040);flex-direction:column;display:flex}._label_1qux4_8{padding:var(--bp-space-010) 0;color:var(--text-text-on-light);overflow-wrap:break-word;margin-block-end:var(--space-2);display:block}._label_1qux4_8._modernized_1qux4_15{font-weight:var(--bp-font-weight-bold);font-size:var(--bp-font-size-05);font-family:var(--bp-font-font-family), -apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;font-style:normal;line-height:var(--bp-font-line-height-04);letter-spacing:var(--bp-font-letter-spacing-01)}._label_1qux4_8:not(._modernized_1qux4_15){font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);-webkit-text-decoration:var(--body-default-bold-text-decoration);text-decoration:var(--body-default-bold-text-decoration)}._security_1qux4_33{margin-top:calc(var(--bp-space-010) * -1)}._disclosures_1qux4_37{gap:var(--bp-space-010);flex-direction:column;display:flex}._icon_1qux4_43{height:var(--bp-size-050);margin-right:var(--bp-space-010);vertical-align:text-bottom}._access_1qux4_49{gap:var(--bp-space-010);margin-top:var(--bp-space-030);flex-wrap:wrap;display:flex}

package/dist/styles/shared-link-section.css

@@ -1 +1 @@
-._container_j966c_1{gap:var(--bp-space-030);flex-direction:column;display:flex}._toggle_j966c_7{gap:var(--bp-space-020);align-items:center;display:flex}._settings_j966c_13{cursor:pointer;margin-left:auto}._settings_j966c_13[aria-disabled=true]{opacity:.3;pointer-events:none}._copy_j966c_22{gap:var(--bp-space-020);display:flex}._copy_j966c_22>div:first-child{flex-grow:1}._access_j966c_30{gap:var(--bp-space-010);flex-wrap:wrap;display:flex}._icon_j966c_36{height:var(--bp-size-050);margin-right:var(--bp-space-010);vertical-align:text-bottom}
+._container_so6jb_1{gap:var(--bp-space-030);flex-direction:column;display:flex}._toggle_so6jb_7{gap:var(--bp-space-020);align-items:center;display:flex}._settings_so6jb_13{cursor:pointer;margin-left:auto}._settings_so6jb_13[aria-disabled=true]{opacity:.3;pointer-events:none}._copy_so6jb_22{gap:var(--bp-space-020);display:flex}._copy_so6jb_22>div:first-child{flex-grow:1}._access_so6jb_30{gap:var(--bp-space-010);flex-wrap:wrap;display:flex}._disclosures_so6jb_36{gap:var(--bp-space-010);flex-direction:column;display:flex}._icon_so6jb_42{height:var(--bp-size-050);margin-right:var(--bp-space-010);vertical-align:text-bottom}

package/dist/styles/unified-share-form-modal.css

@@ -1 +1 @@
-._content_1i180_1._content_1i180_1{max-width:480px}._content_1i180_1._content_1i180_1._isFullscreen_1i180_4{border-radius:0;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;animation:none!important}._content_1i180_1._content_1i180_1._isFullscreen_1i180_4 ._body_1i180_13{overflow:hidden auto}._title_1i180_17{display:inline}._title_1i180_17:after{width:var(--bp-space-020);content:"";display:inline-block}._body_1i180_13._body_1i180_13{padding-top:0;padding-bottom:var(--bp-space-080);flex-direction:column;flex-grow:1;display:flex;position:relative}._body_1i180_13._body_1i180_13:before{content:"";width:100vw;display:block}._body_1i180_13._body_1i180_13._hasFooter_1i180_39{padding-bottom:0}._loading_1i180_43{padding-bottom:var(--bp-space-080);align-items:center;display:flex;position:absolute;inset:0}._form_1i180_51{flex-direction:column;flex-grow:1;display:flex}._form_1i180_51._isLoading_1i180_56{visibility:hidden}@media (width>374px){._content_1i180_1._content_1i180_1{overflow:auto}}@media (width>459px){:has(>._content_1i180_1._content_1i180_1:not(._isFullscreen_1i180_4)){padding:var(--bp-space-080);display:flex;overflow:auto}._content_1i180_1._content_1i180_1{max-height:none;margin:auto;overflow:visible}}
+._content_1p1s8_1._content_1p1s8_1{max-width:480px}._content_1p1s8_1._content_1p1s8_1._isFullscreen_1p1s8_4{border-radius:0;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;animation:none!important}._content_1p1s8_1._content_1p1s8_1._isFullscreen_1p1s8_4 ._body_1p1s8_13{overflow:hidden auto}._title_1p1s8_17{display:inline}._title_1p1s8_17:not(:last-child):after{content:" ";font-size:2rem;line-height:0}._body_1p1s8_13._body_1p1s8_13{padding-top:0;padding-bottom:var(--bp-space-080);flex-direction:column;flex-grow:1;display:flex;position:relative}._body_1p1s8_13._body_1p1s8_13:before{content:"";width:100vw;display:block}._body_1p1s8_13._body_1p1s8_13._hasFooter_1p1s8_39{padding-bottom:0}._loading_1p1s8_43{padding-bottom:var(--bp-space-080);align-items:center;display:flex;position:absolute;inset:0}._form_1p1s8_51{flex-direction:column;flex-grow:1;display:flex}._form_1p1s8_51._isLoading_1p1s8_56{visibility:hidden}@media (width>374px){._content_1p1s8_1._content_1p1s8_1{overflow:auto}}@media (width>459px){:has(>._content_1p1s8_1._content_1p1s8_1:not(._isFullscreen_1p1s8_4)){padding:var(--bp-space-080);display:flex;overflow:auto}._content_1p1s8_1._content_1p1s8_1{max-height:none;margin:auto;overflow:visible}}

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

@@ -12,6 +12,7 @@ export interface UnifiedShareModalContextValue {
     currentUser: Partial<User>;
     eventService: EventService;
     initialContacts: UserContactType[];
+    invitationFormNotices?: ReactElement | ReactElement[];
     isFetching: boolean;
     isOpen: boolean;
     isSubmitting: boolean;
@@ -21,6 +22,7 @@ export interface UnifiedShareModalContextValue {
     setIsLoading: Dispatch<SetStateAction<boolean>>;
     setView: Dispatch<SetStateAction<ViewType>>;
     sharedLink: Partial<SharedLink>;
+    sharedLinkNotices?: ReactElement | ReactElement[];
     sharingService: SharingService;
     variant: VariantType;
     view: ViewType;
@@ -38,13 +40,15 @@ export interface UnifiedShareModalProviderProps {
     currentUser?: User;
     eventService?: EventService;
     initialContacts?: UserContactType[];
+    invitationFormNotices?: ReactElement | ReactElement[];
     isFetching: boolean;
     isOpen: boolean;
     isSubmitting?: boolean;
     item: Item;
     onOpenChange: (open: boolean) => void;
     sharedLink?: SharedLink;
+    sharedLinkNotices?: ReactElement | ReactElement[];
     sharingService?: SharingService;
     variant: VariantType;
 }
-export declare const UnifiedShareModalProvider: ({ children, collaborationAccess, collaborationNotices, collaborationRoles, collaborators, config, contactService, currentUser, eventService, initialContacts, isFetching, isOpen, isSubmitting, item, onOpenChange, sharedLink, sharingService, variant, }: UnifiedShareModalProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UnifiedShareModalProvider: ({ children, collaborationAccess, collaborationNotices, collaborationRoles, collaborators, config, contactService, currentUser, eventService, initialContacts, invitationFormNotices, isFetching, isOpen, isSubmitting, item, onOpenChange, sharedLink, sharedLinkNotices, sharingService, variant, }: UnifiedShareModalProviderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { UserContactType } from '@box/user-selector';
 import { UnifiedShareModalContextValue } from '../contexts';
 import { UnifiedShareModalProps } from '../unified-share-modal';
@@ -43,4 +44,7 @@ export declare const useMockSharedLink: (sharedLinkArg: any) => {
 };
 export declare const defaultArgs: UnifiedShareModalProps;
 export declare const defaultContext: UnifiedShareModalContextValue;
+export declare const HubAccessDisclosure: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const UnifiedShareModalTemplate: (props: UnifiedShareModalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/unified-share-modal.d.ts

@@ -44,6 +44,10 @@ export interface UnifiedShareModalProps {
      * The initially selected users when the Unified Share Modal is opened.
      */
     initialContacts?: UserContactType[];
+    /**
+     * The inline notice component(s) to render in the collaboration section when the invitation form is expanded.
+     */
+    invitationFormNotices?: ReactElement | ReactElement[];
     /**
      * The controlled fetching state of the Unified Share Modal.
      *
@@ -78,6 +82,10 @@ export interface UnifiedShareModalProps {
      * The shared link for sharing the item with users.
      */
     sharedLink?: SharedLink;
+    /**
+     * The inline notice component(s) to render in the shared link section.
+     */
+    sharedLinkNotices?: ReactElement | ReactElement[];
     /**
      * The service for managing the collaborations and shared link of the item.
      */
@@ -91,4 +99,4 @@ export interface UnifiedShareModalProps {
      */
     variant?: VariantType;
 }
-export declare function UnifiedShareModal({ children, collaborationAccess, collaborationNotices, collaborationRoles, collaborators, config, contactService, currentUser, eventService, initialContacts, isFetching, isOpen: isControlledOpen, isSubmitting, item, onLoad, onOpenChange, sharedLink, sharingService, variant, }: UnifiedShareModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function UnifiedShareModal({ children, collaborationAccess, collaborationNotices, collaborationRoles, collaborators, config, contactService, currentUser, eventService, initialContacts, invitationFormNotices, isFetching, isOpen: isControlledOpen, isSubmitting, item, onLoad, onOpenChange, sharedLink, sharedLinkNotices, sharingService, variant, }: UnifiedShareModalProps): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,23 +1,23 @@
 {
     "name": "@box/unified-share-modal",
-    "version": "2.16.8",
+    "version": "2.16.10",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
-        "@box/blueprint-web": "^15.4.0",
-        "@box/blueprint-web-assets": "^4.121.7",
-        "@box/copy-input": "^1.43.8",
-        "@box/user-selector": "^1.77.8",
+        "@box/blueprint-web": "^15.5.1",
+        "@box/blueprint-web-assets": "^4.122.0",
+        "@box/copy-input": "^1.43.10",
+        "@box/user-selector": "^1.77.10",
         "lodash": "^4.17.15",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^15.4.0",
-        "@box/blueprint-web-assets": "^4.121.7",
-        "@box/copy-input": "^1.43.8",
-        "@box/eslint-plugin-blueprint": "1.2.4",
-        "@box/storybook-utils": "0.20.7",
+        "@box/blueprint-web": "^15.5.1",
+        "@box/blueprint-web-assets": "^4.122.0",
+        "@box/copy-input": "^1.43.10",
+        "@box/eslint-plugin-blueprint": "1.2.5",
+        "@box/storybook-utils": "0.20.9",
         "react-intl": "^6.4.2"
     },
     "publishConfig": {