@box/unified-share-modal 2.12.15 → 2.12.16

package/dist/chunks/classification-status.js

@@ -0,0 +1,62 @@
+import { useUnifiedShareModalContext as e } from "../esm/lib/contexts/unified-share-modal-context.js";
+import t from "../esm/lib/components/classification-status/messages.js";
+import { useIntl as n } from "react-intl";
+import { CardTooltip as r, Status as i, Text as a } from "@box/blueprint-web";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Shield as c } from "@box/blueprint-web-assets/icons/Line";
+import '../styles/classification-status.css';var l = {
+	container: "_container_1dpzl_1",
+	tooltip: "_tooltip_1dpzl_5",
+	header: "_header_1dpzl_11",
+	content: "_content_1dpzl_17"
+};
+function u() {
+	let { formatMessage: u } = n(), { item: d } = e(), { classification: f } = d;
+	if (!f) return null;
+	let { colorId: p, definition: m, name: h, restrictions: g } = f, _ = p + 1;
+	return /* @__PURE__ */ o("div", {
+		className: l.container,
+		children: /* @__PURE__ */ o(r, {
+			content: /* @__PURE__ */ s("div", {
+				className: l.tooltip,
+				children: [/* @__PURE__ */ s("div", {
+					className: l.header,
+					children: [/* @__PURE__ */ o(i, {
+						colorIndex: _,
+						hideText: !0,
+						icon: c,
+						text: ""
+					}), /* @__PURE__ */ o(a, {
+						as: "h3",
+						variant: "bodyDefaultBold",
+						children: h
+					})]
+				}), /* @__PURE__ */ s("div", {
+					className: l.content,
+					children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o(a, {
+						as: "h4",
+						variant: "bodyDefaultBold",
+						children: u(t.definitionLabel)
+					}), /* @__PURE__ */ o(a, {
+						as: "p",
+						children: m
+					})] }), g && /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o(a, {
+						as: "h4",
+						variant: "bodyDefaultBold",
+						children: u(t.restrictionsLabel)
+					}), /* @__PURE__ */ o(a, {
+						as: "p",
+						children: g
+					})] })]
+				})]
+			}),
+			children: /* @__PURE__ */ o(i, {
+				colorIndex: _,
+				icon: c,
+				iconPosition: "left",
+				text: h.toUpperCase()
+			})
+		})
+	});
+}
+export { u as t };

package/dist/chunks/collaboration-role.js

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

package/dist/chunks/collaboration-section.js

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

package/dist/chunks/collaborator-list-item.js

@@ -0,0 +1,61 @@
+import { useUnifiedShareModalContext as e } from "../esm/lib/contexts/unified-share-modal-context.js";
+import { isCollaboratorRoleSupported as t } from "../esm/lib/utils/collaborator.js";
+import n from "../esm/lib/components/unified-share-form-modal/collaborator-list/messages.js";
+import { CollaboratorAvatar as r } from "../esm/lib/components/unified-share-form-modal/collaborator-list/collaborator-avatar.js";
+import i from "../esm/lib/components/unified-share-form-modal/messages.js";
+import { useIntl as a } from "react-intl";
+import { Cell as o, EllipsizableText as s, IconButton as c, Row as l, Tooltip as u } from "@box/blueprint-web";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import p from "lodash/camelCase";
+import { XMark as m } from "@box/blueprint-web-assets/icons/Fill";
+import '../styles/collaborator-list-item.css';var h = {
+	nameCell: "_nameCell_19s89_1",
+	nameDetails: "_nameDetails_19s89_7",
+	roleCell: "_roleCell_19s89_17"
+};
+function g({ collaborator: g, isSmall: _ }) {
+	let { formatMessage: v } = a(), { email: y, hasCustomRole: b, id: x, isPending: S, isRemovable: C, name: w, role: T } = g, { item: E, setCollaborator: D, setView: O } = e(), { permissions: k = {} } = E, A = t(T) ? v(i[`${p(T)}Role`]) : "", j = b ? T : A;
+	return /* @__PURE__ */ f(l, {
+		id: x,
+		children: [/* @__PURE__ */ d(o, { children: /* @__PURE__ */ f("div", {
+			className: h.nameCell,
+			children: [/* @__PURE__ */ d(r, {
+				collaborator: g,
+				isBadgeable: !0,
+				size: "large"
+			}), /* @__PURE__ */ f("div", {
+				className: h.nameDetails,
+				children: [/* @__PURE__ */ d(s, {
+					as: "span",
+					lineClamp: 1,
+					variant: "bodyDefaultSemibold",
+					children: w
+				}), y && /* @__PURE__ */ d(s, {
+					as: "span",
+					color: "textOnLightSecondary",
+					lineClamp: 1,
+					variant: "caption",
+					children: y
+				})]
+			})]
+		}) }), !_ && /* @__PURE__ */ d(o, { children: /* @__PURE__ */ f("div", {
+			className: h.roleCell,
+			children: [/* @__PURE__ */ d(s, {
+				as: "span",
+				color: "textOnLightSecondary",
+				lineClamp: 1,
+				children: S ? v(n.pendingRole) : j
+			}), C && k.canRemoveCollaborator && /* @__PURE__ */ d(u, {
+				content: v(n.removeButton),
+				children: /* @__PURE__ */ d(c, {
+					"aria-label": v(n.removeButton),
+					icon: m,
+					onClick: () => {
+						D(g), O("remove-collaborator");
+					}
+				})
+			})]
+		}) })]
+	});
+}
+export { g as t };

package/dist/chunks/collaborator-list.js

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

package/dist/chunks/remove-collaborator-modal.js

@@ -0,0 +1,61 @@
+import { useUnifiedShareModalContext as e } from "../esm/lib/contexts/unified-share-modal-context.js";
+import { useSharingAction as t } from "../esm/lib/hooks/use-sharing-action.js";
+import n from "../esm/lib/components/remove-collaborator-modal/messages.js";
+import { useEffect as r } from "react";
+import i from "clsx";
+import a from "lodash/noop";
+import { useIntl as o } from "react-intl";
+import { Divider as s, Modal as c, Text as l } from "@box/blueprint-web";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import '../styles/remove-collaborator-modal.css';var f = {
+	content: "_content_166yb_1",
+	isFullscreen: "_isFullscreen_166yb_1",
+	body: "_body_166yb_10",
+	divider: "_divider_166yb_17"
+};
+function p({ isOpen: p, onOpenChange: m }) {
+	let { formatMessage: h } = o(), { collaborator: g, isSubmitting: _, sharingService: v, setCollaborator: y, variant: b } = e(), { email: x, name: S } = g ?? {}, { removeCollaborator: C } = v, w = b === "desktop";
+	r(() => {
+		p || y(null);
+	}, [p, y]);
+	let { onAction: T } = t(C, "remove-collaborator");
+	return /* @__PURE__ */ u(c, {
+		onOpenChange: _ ? a : m,
+		open: p,
+		children: /* @__PURE__ */ d(c.Content, {
+			className: i(f.content, w && f.isFullscreen),
+			onPointerDownOutside: (e) => {
+				e.preventDefault();
+			},
+			size: "small",
+			children: [
+				/* @__PURE__ */ u(c.Header, { children: h(n.title) }),
+				/* @__PURE__ */ d(c.Body, {
+					className: f.body,
+					children: [w && /* @__PURE__ */ u(s, { className: f.divider }), /* @__PURE__ */ u(l, {
+						as: "p",
+						children: h(n.bodyText, { name: x || S })
+					})]
+				}),
+				/* @__PURE__ */ d(c.Footer, { children: [/* @__PURE__ */ u(c.Footer.SecondaryButton, {
+					disabled: _,
+					onClick: () => m(!1),
+					children: h(n.cancelButton)
+				}), /* @__PURE__ */ u(c.Footer.PrimaryButton, {
+					"data-target-id": "Modal.Footer.PrimaryButton-USMRemoveCollaborator",
+					loading: _,
+					loadingAriaLabel: h(n.loadingLabel),
+					onClick: async () => {
+						await T(g), m(!1);
+					},
+					children: h(n.okayButton)
+				})] }),
+				!w && /* @__PURE__ */ u(c.Close, {
+					"aria-label": h(n.closeButton),
+					disabled: _
+				})
+			]
+		})
+	});
+}
+export { p as t };

package/dist/chunks/remove-shared-link-modal.js

@@ -0,0 +1,56 @@
+import { useUnifiedShareModalContext as e } from "../esm/lib/contexts/unified-share-modal-context.js";
+import { useSharingAction as t } from "../esm/lib/hooks/use-sharing-action.js";
+import n from "../esm/lib/components/remove-shared-link-modal/messages.js";
+import r from "clsx";
+import i from "lodash/noop";
+import { useIntl as a } from "react-intl";
+import { Divider as o, Modal as s, Text as c } from "@box/blueprint-web";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import '../styles/remove-collaborator-modal.css';var d = {
+	content: "_content_166yb_1",
+	isFullscreen: "_isFullscreen_166yb_1",
+	body: "_body_166yb_10",
+	divider: "_divider_166yb_17"
+};
+function f({ isOpen: f, onOpenChange: p }) {
+	let { formatMessage: m } = a(), { isSubmitting: h, sharingService: g, variant: _ } = e(), { deleteSharedLink: v } = g, y = _ === "desktop", { onAction: b } = t(v, "delete-shared-link");
+	return /* @__PURE__ */ l(s, {
+		onOpenChange: h ? i : p,
+		open: f,
+		children: /* @__PURE__ */ u(s.Content, {
+			className: r(d.content, y && d.isFullscreen),
+			onPointerDownOutside: (e) => {
+				e.preventDefault();
+			},
+			size: "small",
+			children: [
+				/* @__PURE__ */ l(s.Header, { children: m(n.title) }),
+				/* @__PURE__ */ u(s.Body, {
+					className: d.body,
+					children: [y && /* @__PURE__ */ l(o, { className: d.divider }), /* @__PURE__ */ l(c, {
+						as: "p",
+						children: m(n.bodyText)
+					})]
+				}),
+				/* @__PURE__ */ u(s.Footer, { children: [/* @__PURE__ */ l(s.Footer.SecondaryButton, {
+					disabled: h,
+					onClick: () => p(!1),
+					children: m(n.cancelButton)
+				}), /* @__PURE__ */ l(s.Footer.PrimaryButton, {
+					"data-target-id": "Modal.Footer.PrimaryButton-USMRemoveSharedLink",
+					loading: h,
+					loadingAriaLabel: m(n.loadingLabel),
+					onClick: async () => {
+						await b(), p(!1);
+					},
+					children: m(n.okayButton)
+				})] }),
+				!y && /* @__PURE__ */ l(s.Close, {
+					"aria-label": m(n.closeButton),
+					disabled: h
+				})
+			]
+		})
+	});
+}
+export { f as t };

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

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