@box/unified-share-modal 2.12.14 → 2.12.16

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

@@ -0,0 +1,67 @@
+import "../esm/lib/constants.js";
+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 { useSharingAction as n } from "../esm/lib/hooks/use-sharing-action.js";
+import { usePermissionLevels as r } from "../esm/lib/hooks/use-permission-levels.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, permission: C } = v, { changeSharedLinkPermission: w } = y, T = b === "desktop", { onAction: E } = n(w), { allowedLevels: D, selectedPermission: O } = r();
+	if (S === "collaborators" || !D.length || !O) return null;
+	let { label: k } = O, A = "";
+	return _.extension === "boxnote" && C === "can_edit" && (A = p(t.canEditBoxNoteDisabledTooltip)), A ? /* @__PURE__ */ u(c, {
+		align: "start",
+		content: A,
+		"data-testid": "usm-SharedLinkPermission-tooltip",
+		side: "bottom",
+		children: /* @__PURE__ */ u(s, { children: /* @__PURE__ */ u(l, {
+			caretDirection: "down",
+			className: f.button,
+			disabled: !0,
+			label: k,
+			size: "extraSmall",
+			variant: "tertiary"
+		}) })
+	}) : /* @__PURE__ */ d(o.Root, {
+		isFullScreenEnabled: T,
+		onOpenChange: h,
+		open: m,
+		children: [/* @__PURE__ */ u(o.Trigger, { children: /* @__PURE__ */ u(l, {
+			caretDirection: m ? "up" : "down",
+			className: f.button,
+			"data-target-id": "Button-SharedLinkPermissionsMenuLabel",
+			disabled: !x.canSetShareAccess || g,
+			label: k,
+			size: "extraSmall",
+			variant: "tertiary"
+		}) }), /* @__PURE__ */ d(o.Content, {
+			align: "start",
+			className: f.content,
+			children: [T && /* @__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) })] }), D.map((e) => {
+				let { description: t, id: n, label: r } = e, i = C === n;
+				return /* @__PURE__ */ u(o.CheckboxItem, {
+					checked: i,
+					onSelect: () => {
+						i || E(n);
+					},
+					children: /* @__PURE__ */ u(o.Item.MainContent, {
+						caption: t,
+						className: f.option,
+						label: r
+					})
+				}, n);
+			})]
+		})]
+	});
+}
+export { p as t };

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

@@ -0,0 +1,176 @@
+import { useUnifiedShareModalContext as e } from "../esm/lib/contexts/unified-share-modal-context.js";
+import { formatDateFromTimestampToDateString as t } from "../esm/lib/utils/date.js";
+import { callOnKeyboardEvent as n } from "../esm/lib/utils/event.js";
+import { getNotificationArgs as r } from "../esm/lib/utils/notification.js";
+import i from "../esm/lib/components/unified-share-form-modal/shared-link-section/messages.js";
+import { useUnifiedShareFormContext as a } from "../esm/lib/contexts/unified-share-form-context.js";
+import { useSharingAction as o } from "../esm/lib/hooks/use-sharing-action.js";
+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 { 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"
+};
+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 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());
+		})();
+	}, [
+		q,
+		J,
+		Y,
+		P,
+		k,
+		A,
+		F,
+		X
+	]);
+	let ae = c((e) => {
+		if (V && V(e), !J) return;
+		k.current = !0;
+		let t;
+		t = typeof e == "string" ? A.current ? T(i.autoCreateCopySuccessNoticeText) : T(i.autoCopySuccessNoticeText) : A.current ? T(i.autoCreateCopyErrorNoticeText) : null, t && W.includes("auto-copy-shared-link") && E({
+			...r(T, "success"),
+			styledText: t
+		});
+	}, [
+		E,
+		T,
+		J,
+		k,
+		A,
+		W,
+		V
+	]), oe = async (e) => {
+		if (e) {
+			await X();
+			return;
+		}
+		L("remove-shared-link");
+	}, Z = () => {
+		if (H) {
+			H();
+			return;
+		}
+		L("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", {
+		className: w.container,
+		children: [
+			/* @__PURE__ */ _(m, {
+				as: "label",
+				variant: "bodyDefaultBold",
+				children: T(i.shareLinkLabel)
+			}),
+			/* @__PURE__ */ v("div", {
+				className: w.toggle,
+				children: [
+					/* @__PURE__ */ _(h, {
+						align: "start",
+						content: Q,
+						"data-testid": "usm-SharedLinkToggle-tooltip",
+						open: Q ? void 0 : !1,
+						children: /* @__PURE__ */ _(te, {
+							focusable: $,
+							children: /* @__PURE__ */ _(re.Item, {
+								checked: q,
+								"data-target-id": "Toggle-CreateSharedLink",
+								disabled: $ || F,
+								label: T(i.sharedLinkToggleLabel),
+								onCheckedChange: oe,
+								value: "shared-link"
+							})
+						})
+					}),
+					q && !!R.expiresAt && /* @__PURE__ */ _(h, {
+						content: T(i.expirationIconTooltip, { expirationDate: t(R.expiresAt) }),
+						"data-testid": "usm-SharedLinkExpiration-tooltip",
+						children: /* @__PURE__ */ _(ne, {
+							color: S,
+							hideText: !0,
+							icon: ie,
+							text: T(i.expirationIconLabel)
+						})
+					}),
+					q && M.sharedLinkSettings && /* @__PURE__ */ _(p, {
+						"aria-disabled": F,
+						"aria-haspopup": "dialog",
+						className: w.settings,
+						"data-target-id": "PlainButton-SharedLinkSettings",
+						onClick: Z,
+						onKeyDown: n(Z, { canPreventDefault: !0 }),
+						role: "button",
+						tabIndex: F ? -1 : 0,
+						variant: "standalone",
+						children: T(i.sharedLinkSettingsLabel)
+					})
+				]
+			}),
+			q && /* @__PURE__ */ v("div", {
+				className: w.copy,
+				children: [/* @__PURE__ */ _(y, {
+					ref: D,
+					autoFocus: K && A.current && !O,
+					"data-target-id": "Button-CopySharedLink",
+					disabled: F,
+					hideLabel: !0,
+					label: T(i.sharedLinkUrlLabel),
+					onCopy: ae,
+					value: R.url
+				}), M.sharedLinkEmail && /* @__PURE__ */ _(h, {
+					align: "end",
+					content: T(i.sharedLinkEmailLabel),
+					children: /* @__PURE__ */ _(f, {
+						"aria-label": T(i.sharedLinkEmailLabel),
+						"data-target-id": "Button-SendSharedLink",
+						disabled: F,
+						endIcon: x,
+						onClick: () => j("email"),
+						size: "large",
+						variant: "secondary"
+					})
+				})]
+			}),
+			q && (M.sharedLinkAccess || M.sharedLinkPermission) && /* @__PURE__ */ v("div", {
+				className: w.access,
+				children: [M.sharedLinkAccess && /* @__PURE__ */ _(s, {}), M.sharedLinkPermission && /* @__PURE__ */ _(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)
+			})] })
+		]
+	});
+}
+export { T as t };

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

@@ -0,0 +1,86 @@
+import { useUnifiedShareModalContext as e } from "../esm/lib/contexts/unified-share-modal-context.js";
+import { useSharedLinkSettingsContext as t } from "../esm/lib/contexts/shared-link-settings-context.js";
+import { t as n } from "./classification-status.js";
+import r from "../esm/lib/components/shared-link-settings-modal/messages.js";
+import { SharedLinkSettings as i } from "../esm/lib/components/shared-link-settings-modal/shared-link-settings.js";
+import { useEffect as a, useState as o } from "react";
+import s from "clsx";
+import { useIntl as c } from "react-intl";
+import { Divider as l, LoadingIndicator as u, Modal as d } from "@box/blueprint-web";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import '../styles/shared-link-settings-modal.css';var m = {
+	content: "_content_54561_1",
+	isFullscreen: "_isFullscreen_54561_4",
+	body: "_body_54561_13",
+	title: "_title_54561_23",
+	form: "_form_54561_43",
+	isLoading: "_isLoading_54561_50",
+	loading: "_loading_54561_54",
+	divider: "_divider_54561_62"
+};
+function h({ isOpen: h, onOpenChange: g }) {
+	let { formatMessage: _ } = c(), { eventService: v, isSubmitting: y, variant: b } = e(), { onSharedLinkSettingsClose: x, onSharedLinkSettingsLoad: S } = v, C = b === "desktop", { resetForm: w, setContainerRef: T, submitForm: E } = t(), [D, O] = o(!!S);
+	a(() => {
+		(async () => {
+			S && (h && await S(), O(!h));
+		})();
+	}, [h, S]);
+	let k = () => {
+		y || (w(), x && x(), g(!1));
+	};
+	return /* @__PURE__ */ f(d, {
+		onOpenChange: k,
+		open: h,
+		children: /* @__PURE__ */ p(d.Content, {
+			ref: T,
+			className: s(m.content, C && m.isFullscreen),
+			onPointerDownOutside: (e) => {
+				e.preventDefault();
+			},
+			size: "medium",
+			children: [
+				/* @__PURE__ */ p(d.Header, { children: [/* @__PURE__ */ f("div", {
+					className: m.title,
+					children: _(r.title)
+				}), /* @__PURE__ */ f(n, {})] }),
+				/* @__PURE__ */ p("div", {
+					className: s(m.form),
+					children: [
+						D && /* @__PURE__ */ f("div", {
+							className: m.loading,
+							children: /* @__PURE__ */ f(u, {
+								"aria-label": _(r.loadingLabel),
+								size: "large"
+							})
+						}),
+						/* @__PURE__ */ p(d.Body, {
+							className: s(m.body, D && m.isLoading),
+							children: [C && /* @__PURE__ */ f(l, { className: m.divider }), /* @__PURE__ */ f(i, {})]
+						}),
+						/* @__PURE__ */ p(d.Footer, {
+							className: s(D && m.isLoading),
+							children: [/* @__PURE__ */ f(d.Footer.SecondaryButton, {
+								disabled: y,
+								onClick: k,
+								children: _(r.cancelButton)
+							}), /* @__PURE__ */ f(d.Footer.PrimaryButton, {
+								id: "usm-SharedLinkSettingsModal-primaryButton",
+								loading: y,
+								loadingAriaLabel: _(r.loadingLabel),
+								onClick: async () => {
+									await E() || (w(), g(!1));
+								},
+								children: _(r.saveButton)
+							})]
+						})
+					]
+				}),
+				!C && /* @__PURE__ */ f(d.Close, {
+					"aria-label": _(r.closeButton),
+					disabled: y
+				})
+			]
+		})
+	});
+}
+export { h as t };

package/dist/chunks/shared-with-avatars.js

@@ -0,0 +1,48 @@
+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 { 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/collaboration-section/messages.js";
+import { useIntl as a } from "react-intl";
+import { Avatar as o, Text as s } from "@box/blueprint-web";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Gray10 as u } from "@box/blueprint-web-assets/tokens/tokens";
+import '../styles/shared-with-avatars.css';var d = {
+	container: "_container_1ku5s_2",
+	avatars: "_avatars_1ku5s_19"
+}, f = 3;
+function p() {
+	let { formatMessage: p } = a(), { collaborators: m, currentUser: h, eventService: g, isSubmitting: _ } = e(), { setIsCollaboratorsOpen: v } = n(), { onCollaboratorsClick: y } = g, { id: b } = h, x = m.filter(({ isCurrentUser: e, userId: t }) => !(e || b && b === t));
+	if (!x.length) return null;
+	let S = x.slice(0, f), C = x.length - f, w = () => {
+		if (y) {
+			y();
+			return;
+		}
+		v(!0);
+	};
+	return /* @__PURE__ */ l("div", {
+		"aria-disabled": _,
+		className: d.container,
+		onClick: w,
+		onKeyDown: t(w),
+		role: "button",
+		tabIndex: _ ? -1 : 0,
+		children: [/* @__PURE__ */ c(s, {
+			as: "span",
+			color: "textOnLightSecondary",
+			children: p(i.sharedWithLabel)
+		}), /* @__PURE__ */ l("div", {
+			className: d.avatars,
+			children: [S.map((e) => /* @__PURE__ */ c(r, {
+				collaborator: e,
+				size: "medium"
+			}, e.id)), C > 0 && /* @__PURE__ */ c(o, {
+				color: u,
+				size: "medium",
+				text: `+${C}`
+			})]
+		})]
+	});
+}
+export { p as t };

package/dist/chunks/shield-restriction-notice.js

@@ -0,0 +1,97 @@
+import { useUnifiedShareModalContext as e } from "../esm/lib/contexts/unified-share-modal-context.js";
+import { isCollaboratorRestricted as t } from "../esm/lib/utils/collaborator.js";
+import { callOnKeyboardEvent as n } from "../esm/lib/utils/event.js";
+import { useUnifiedShareFormContext as r } from "../esm/lib/contexts/unified-share-form-context.js";
+import i from "../esm/lib/components/unified-share-form-modal/collaboration-section/messages.js";
+import { useEffect as a, useState as o } from "react";
+import { FormattedMessage as s, useIntl as c } from "react-intl";
+import { InlineNotice as l, Link as u, LoadingIndicator as d, Select as f } from "@box/blueprint-web";
+import { jsx as p } from "react/jsx-runtime";
+import m from "lodash/partition";
+import '../styles/shield-restriction-notice.css';var h = {
+	select: "_select_1e0dl_1",
+	link: "_link_1e0dl_5",
+	loading: "_loading_1e0dl_9",
+	notice: "_notice_1e0dl_15"
+};
+function g({ error: g, isLoading: _, onSelectedUsersChange: v }) {
+	let { formatMessage: y } = c(), [b, x] = o(!1), [S, C] = o([]), { setShieldRestriction: w, setUserContacts: T, shieldRestriction: E, userContacts: D } = r(), { eventService: O, item: k, contactService: A } = e(), { getJustificationReasons: j } = A, { onRestrictedUsersRemoveClick: M } = O, { isJustificationAllowed: N, restrictionType: P, restrictedEmails: F = [], restrictedGroups: I = [] } = g, L = [...F, ...I];
+	a(() => (N && w({ isJustificationAllowed: !0 }), () => {
+		w({ isJustificationAllowed: !1 });
+	}), [N, w]), a(() => {
+		(async () => {
+			if (!(!j || S.length)) try {
+				x(!0);
+				let { classificationId: e, options: t } = await j(k);
+				w({ classificationId: e }), C(t);
+			} finally {
+				x(!1);
+			}
+		})();
+	}, [
+		k,
+		j,
+		N,
+		S,
+		w
+	]);
+	let R = N ? i.justifiableContactRestrictionRemoveButtonLabel : i.contactRestrictionRemoveButtonLabel, z = () => {
+		let [e, n] = m(D, (e) => t(e, F, I));
+		v(n), T(n), M && M(e);
+	}, B = /* @__PURE__ */ p(f, {
+		className: h.select,
+		hideLabel: !0,
+		label: y(i.businessJustification),
+		onValueChange: (e) => {
+			w({ justificationReason: S.find((t) => t.id === e) });
+		},
+		placeholder: y(i.justificationSelectPlaceholder),
+		value: E.justificationReason?.id,
+		children: /* @__PURE__ */ p(f.Content, {
+			align: "start",
+			children: S.map((e) => /* @__PURE__ */ p(f.Option, {
+				text: e.title,
+				value: e.id
+			}, e.id))
+		})
+	}), V = /* @__PURE__ */ p(u, {
+		"aria-disabled": _,
+		className: h.link,
+		onClick: z,
+		onKeyDown: n(z, { canPreventDefault: !0 }),
+		role: "button",
+		tabIndex: _ ? -1 : 0,
+		children: y(R)
+	}), { message: H, ...U } = P === "information_barrier" ? {
+		message: i.contactRestrictionInformationBarrierNotice,
+		count: L.length,
+		removeLink: V
+	} : !b && N && S?.length > 0 ? {
+		message: i.justifiableContactRestrictionNotice,
+		count: L.length,
+		justificationSelect: B,
+		removeLink: V
+	} : {
+		message: i.contactRestrictionNotice,
+		count: L.length,
+		removeLink: V
+	};
+	return /* @__PURE__ */ p(l, {
+		className: h.notice,
+		icon: () => null,
+		role: "alert",
+		variant: "error",
+		variantIconAriaLabel: y(i.errorNoticeIconAriaLabel),
+		children: b ? /* @__PURE__ */ p("div", {
+			className: h.loading,
+			children: /* @__PURE__ */ p(d, {
+				"aria-label": y(i.loadingJustificationReasonsLabel),
+				size: "small"
+			})
+		}) : /* @__PURE__ */ p(s, {
+			...H,
+			values: U
+		})
+	});
+}
+export { g as t };

package/dist/chunks/text-area-container.js

@@ -0,0 +1,36 @@
+import { useUnifiedShareModalContext as e } from "../esm/lib/contexts/unified-share-modal-context.js";
+import { useUnifiedShareFormContext as t } from "../esm/lib/contexts/unified-share-form-context.js";
+import n from "../esm/lib/components/unified-share-form-modal/collaboration-section/messages.js";
+import { useState as r } from "react";
+import { useIntl as i } from "react-intl";
+import { Text as a, TextArea as o, useUniqueId as s } from "@box/blueprint-web";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import '../styles/text-area-container.css';var u = {
+	textArea: "_textArea_v76md_1",
+	textCount: "_textCount_v76md_5"
+};
+function d(d) {
+	let { formatMessage: f } = i(), { isSubmitting: p } = e(), { messageValue: m, setMessageValue: h } = t(), { maxCount: g } = d, [_, v] = r(g), y = s("text-count-");
+	return /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(o, {
+		className: u.textArea,
+		disabled: p,
+		label: f(n.shareMessageLabel),
+		maxLength: g,
+		minRows: 3,
+		onChange: (e) => {
+			let t = e.target.value;
+			typeof g == "number" && v(g - t.length), h(t);
+		},
+		placeholder: f(n.shareMessagePlaceholder),
+		value: m,
+		...g && { "aria-describedby": y }
+	}), !!g && /* @__PURE__ */ c(a, {
+		"aria-label": f(n.shareMessageCharacterCountAriaLabel, { count: _ }),
+		as: "span",
+		className: u.textCount,
+		color: "textOnLightSecondary",
+		id: y,
+		children: _
+	})] });
+}
+export { d as t };

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

@@ -0,0 +1,66 @@
+import { useUnifiedShareModalContext as e } from "../esm/lib/contexts/unified-share-modal-context.js";
+import { useUnifiedShareFormContext as t } from "../esm/lib/contexts/unified-share-form-context.js";
+import { t as n } from "./classification-status.js";
+import r from "../esm/lib/components/unified-share-form-modal/messages.js";
+import { t as i } from "./collaborator-list.js";
+import { t as a } from "./unified-share-form.js";
+import { useCallback as o } from "react";
+import s from "clsx";
+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_1k0mu_1",
+	isFullscreen: "_isFullscreen_1k0mu_4",
+	body: "_body_1k0mu_13",
+	title: "_title_1k0mu_17",
+	hasFooter: "_hasFooter_1k0mu_39",
+	loading: "_loading_1k0mu_43",
+	form: "_form_1k0mu_51",
+	isLoading: "_isLoading_1k0mu_56"
+};
+function m({ children: m, isOpen: h, onOpenChange: g }) {
+	let { formatMessage: _ } = c(), { isCollaboratorsOpen: v, setContainerRef: y, setForm: b } = t(), { isFetching: x, isSubmitting: S, item: C, variant: w } = e(), { form: T } = t(), { name: E } = C, D = w === "desktop", O = T === "default" && !v;
+	return /* @__PURE__ */ f(u, {
+		onOpenChange: o((e) => {
+			S || (b("default"), g(e));
+		}, [
+			S,
+			g,
+			b
+		]),
+		open: h,
+		children: [!!m && /* @__PURE__ */ d(u.Trigger, { children: m }), /* @__PURE__ */ f(u.Content, {
+			ref: y,
+			className: s(p.content, D && p.isFullscreen),
+			onPointerDownOutside: (e) => {
+				e.preventDefault();
+			},
+			size: "medium",
+			children: [
+				/* @__PURE__ */ f(u.Header, { children: [/* @__PURE__ */ d("div", {
+					className: p.title,
+					children: _(r.title, { itemName: E })
+				}), /* @__PURE__ */ d(n, {})] }),
+				/* @__PURE__ */ f(u.Body, {
+					className: s(p.body, !O && p.hasFooter),
+					children: [x && /* @__PURE__ */ d("div", {
+						className: p.loading,
+						children: /* @__PURE__ */ d(l, {
+							"aria-label": _(r.loadingLabel),
+							size: "large"
+						})
+					}), /* @__PURE__ */ d("div", {
+						className: s(p.form, x && p.isLoading),
+						children: d(v ? i : a, {})
+					})]
+				}),
+				!D && O && /* @__PURE__ */ d(u.Close, {
+					"aria-label": _(r.closeButton),
+					disabled: S
+				})
+			]
+		})]
+	});
+}
+export { m as t };

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

@@ -0,0 +1,23 @@
+import { useUnifiedShareModalContext as e } from "../esm/lib/contexts/unified-share-modal-context.js";
+import { useUnifiedShareFormContext as t } from "../esm/lib/contexts/unified-share-form-context.js";
+import { t as n } from "./collaboration-section.js";
+import { t as r } from "./shared-link-section.js";
+import { Divider as i } from "@box/blueprint-web";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import '../styles/unified-share-form.css';var s = {
+	container: "_container_rq40p_1",
+	divider: "_divider_rq40p_6"
+};
+function c() {
+	let { config: c, variant: l } = e(), { form: u } = t(), d = l === "desktop", f = u === "default", p = c.collaboration, m = c.sharedLink && f;
+	return /* @__PURE__ */ o("div", {
+		className: s.container,
+		children: [
+			d && /* @__PURE__ */ a(i, { className: s.divider }),
+			p && /* @__PURE__ */ a(n, {}),
+			p && m && /* @__PURE__ */ a(i, { className: s.divider }),
+			m && /* @__PURE__ */ a(r, {})
+		]
+	});
+}
+export { c as t };

package/dist/esm/index.js

@@ -1,4 +1,2 @@
-import { UnifiedShareModal as r } from "./lib/unified-share-modal.js";
-export {
-  r as UnifiedShareModal
-};
+import { UnifiedShareModal as e } from "./lib/unified-share-modal.js";
+export { e as UnifiedShareModal };