@box/unified-share-modal 3.1.37 → 3.1.38

package/dist/chunks/classification-status.js

@@ -1,62 +1 @@
-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 };
+import{useUnifiedShareModalContext}from"../esm/lib/contexts/unified-share-modal-context.js";import messages from"../esm/lib/components/classification-status/messages.js";import{useIntl}from"react-intl";import{CardTooltip,Status,Text}from"@box/blueprint-web";import{jsx,jsxs}from"react/jsx-runtime";import{Shield}from"@box/blueprint-web-assets/icons/Line";import '../styles/classification-status.css';var classification_status_module_default={container:`_container_1dpzl_1`,tooltip:`_tooltip_1dpzl_5`,header:`_header_1dpzl_11`,content:`_content_1dpzl_17`};function ClassificationStatus(){let{formatMessage}=useIntl(),{item}=useUnifiedShareModalContext(),{classification}=item;if(!classification)return null;let{colorId,definition,name,restrictions}=classification,colorIndex=colorId+1;return jsx(`div`,{className:classification_status_module_default.container,children:jsx(CardTooltip,{content:jsxs(`div`,{className:classification_status_module_default.tooltip,children:[jsxs(`div`,{className:classification_status_module_default.header,children:[jsx(Status,{colorIndex,hideText:!0,icon:Shield,text:``}),jsx(Text,{as:`h3`,variant:`bodyDefaultBold`,children:name})]}),jsxs(`div`,{className:classification_status_module_default.content,children:[jsxs(`div`,{children:[jsx(Text,{as:`h4`,variant:`bodyDefaultBold`,children:formatMessage(messages.definitionLabel)}),jsx(Text,{as:`p`,children:definition})]}),restrictions&&jsxs(`div`,{children:[jsx(Text,{as:`h4`,variant:`bodyDefaultBold`,children:formatMessage(messages.restrictionsLabel)}),jsx(Text,{as:`p`,children:restrictions})]})]})]}),children:jsx(Status,{colorIndex,icon:Shield,iconPosition:`left`,text:name.toUpperCase()})})})}export{ClassificationStatus as t};

package/dist/chunks/collaboration-role.js

@@ -1,89 +1 @@
-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 };
+import{useUnifiedShareModalContext}from"../esm/lib/contexts/unified-share-modal-context.js";import{getDefaultCollaborationRole,isInvitationRoleSupported}from"../esm/lib/utils/collaborator.js";import{useUnifiedShareFormContext}from"../esm/lib/contexts/unified-share-form-context.js";import messages from"../esm/lib/components/unified-share-form-modal/messages.js";import messages$1 from"../esm/lib/components/unified-share-form-modal/collaboration-section/messages.js";import{useEffect,useMemo,useState}from"react";import{useIntl}from"react-intl";import{DropdownMenu,Focusable,Tooltip,TriggerButton}from"@box/blueprint-web";import{jsx,jsxs}from"react/jsx-runtime";import camelCase from"lodash/camelCase";import '../styles/collaboration-role.css';var collaboration_role_module_default={button:`_button_jl1fl_1`,focusable:`_focusable_jl1fl_10`,content:`_content_jl1fl_14`,option:`_option_jl1fl_17`};function CollaborationRole(){let{formatMessage}=useIntl(),[isMenuOpen,setIsMenuOpen]=useState(!1),{collaborationRole,setCollaborationRole}=useUnifiedShareFormContext(),{collaborationRoles,eventService,isSubmitting,item,variant}=useUnifiedShareModalContext(),{permissions={},type:itemType}=item,{onCollaborationRoleChange}=eventService,isDesktop=variant===`desktop`,roles=useMemo(()=>collaborationRoles.map(role=>{let{description,id,label}=role,isRoleSupported=isInvitationRoleSupported(id),messageId=camelCase(id),descriptionMessageId=messageId;id===`editor`&&itemType===`folder`&&(descriptionMessageId+=`Folder`);let defaultLabel=id,defaultDescription=``;return isRoleSupported&&(defaultLabel=formatMessage(messages[`${messageId}Role`]),defaultDescription=formatMessage(messages$1[`${descriptionMessageId}Description`])),{...role,description:description??defaultDescription,label:label??defaultLabel}}),[collaborationRoles,formatMessage,itemType]);if(useEffect(()=>{setCollaborationRole(getDefaultCollaborationRole(roles))},[roles,setCollaborationRole]),!roles.length||!collaborationRole)return null;let{id:selectedId,label:selectedLabel}=collaborationRole,disabledTooltipMessage;return permissions.canInviteCollaborator||(disabledTooltipMessage=formatMessage(messages$1.inviteDisabledTooltip)),itemType===`web_link`&&(disabledTooltipMessage=formatMessage(messages$1.inviteWebLinkDisabledTooltip)),disabledTooltipMessage?jsx(Tooltip,{align:`start`,content:disabledTooltipMessage,"data-testid":`usm-CollaborationRole-tooltip`,side:`bottom`,children:jsx(Focusable,{className:collaboration_role_module_default.focusable,children:jsx(TriggerButton,{caretDirection:`down`,className:collaboration_role_module_default.button,disabled:!0,label:formatMessage(messages$1.inviteAsRoleLabel,{role:selectedLabel}),size:`extraSmall`,variant:`tertiary`})})}):jsxs(DropdownMenu.Root,{isFullScreenEnabled:isDesktop,menuItemsSize:`medium`,onOpenChange:setIsMenuOpen,open:isMenuOpen,children:[jsx(DropdownMenu.Trigger,{children:jsx(TriggerButton,{caretDirection:isMenuOpen?`up`:`down`,className:collaboration_role_module_default.button,"data-target-id":`PlainButton-InviteePermissionsMenuToggle`,disabled:isSubmitting,label:formatMessage(messages$1.inviteAsRoleLabel,{role:selectedLabel}),size:`extraSmall`,variant:`tertiary`})}),jsxs(DropdownMenu.Content,{align:`start`,className:collaboration_role_module_default.content,children:[isDesktop&&jsxs(DropdownMenu.Header,{children:[jsx(DropdownMenu.Header.MenuCloseButton,{"aria-label":formatMessage(messages$1.closeButton),iconVariant:`back`}),jsx(DropdownMenu.Header.TextContent,{title:formatMessage(messages$1.invitePeopleLabel)})]}),roles.map(role=>{let{description,isDisabled,id,label}=role;return jsx(DropdownMenu.CheckboxItem,{checked:selectedId===id,disabled:isDisabled,onSelect:()=>{setCollaborationRole(role),onCollaborationRoleChange&&onCollaborationRoleChange(id)},children:jsx(DropdownMenu.Item.MainContent,{caption:description,className:collaboration_role_module_default.option,label})},id)})]})]})}export{CollaborationRole as t};

package/dist/chunks/collaboration-section.js

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

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

@@ -1,61 +1 @@
-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 };
+import{useUnifiedShareModalContext}from"../esm/lib/contexts/unified-share-modal-context.js";import{isCollaboratorRoleSupported}from"../esm/lib/utils/collaborator.js";import messages from"../esm/lib/components/unified-share-form-modal/collaborator-list/messages.js";import{CollaboratorAvatar}from"../esm/lib/components/unified-share-form-modal/collaborator-list/collaborator-avatar.js";import messages$1 from"../esm/lib/components/unified-share-form-modal/messages.js";import{useIntl}from"react-intl";import{Cell,EllipsizableText,IconButton,Row,Tooltip}from"@box/blueprint-web";import{jsx,jsxs}from"react/jsx-runtime";import camelCase from"lodash/camelCase";import{XMark}from"@box/blueprint-web-assets/icons/Fill";import '../styles/collaborator-list-item.css';var collaborator_list_item_module_default={nameCell:`_nameCell_19s89_1`,nameDetails:`_nameDetails_19s89_7`,roleCell:`_roleCell_19s89_17`};function CollaboratorListItem({collaborator,isSmall}){let{formatMessage}=useIntl(),{email,hasCustomRole,id,isPending,isRemovable,name,role}=collaborator,{item,setCollaborator,setView}=useUnifiedShareModalContext(),{permissions={}}=item,roleDefaultLabel=isCollaboratorRoleSupported(role)?formatMessage(messages$1[`${camelCase(role)}Role`]):``,collaboratorRole=hasCustomRole?role:roleDefaultLabel;return jsxs(Row,{id,children:[jsx(Cell,{children:jsxs(`div`,{className:collaborator_list_item_module_default.nameCell,children:[jsx(CollaboratorAvatar,{collaborator,isBadgeable:!0,size:`large`}),jsxs(`div`,{className:collaborator_list_item_module_default.nameDetails,children:[jsx(EllipsizableText,{as:`span`,lineClamp:1,variant:`bodyDefaultSemibold`,children:name}),email&&jsx(EllipsizableText,{as:`span`,color:`textOnLightSecondary`,lineClamp:1,variant:`caption`,children:email})]})]})}),!isSmall&&jsx(Cell,{children:jsxs(`div`,{className:collaborator_list_item_module_default.roleCell,children:[jsx(EllipsizableText,{as:`span`,color:`textOnLightSecondary`,lineClamp:1,children:isPending?formatMessage(messages.pendingRole):collaboratorRole}),isRemovable&&permissions.canRemoveCollaborator&&jsx(Tooltip,{content:formatMessage(messages.removeButton),children:jsx(IconButton,{"aria-label":formatMessage(messages.removeButton),icon:XMark,onClick:()=>{setCollaborator(collaborator),setView(`remove-collaborator`)}})})]})})]})}export{CollaboratorListItem as t};

package/dist/chunks/collaborator-list.js

@@ -1,74 +1 @@
-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 };
+import{useUnifiedShareModalContext}from"../esm/lib/contexts/unified-share-modal-context.js";import{callOnKeyboardEvent}from"../esm/lib/utils/event.js";import{useUnifiedShareFormContext}from"../esm/lib/contexts/unified-share-form-context.js";import messages from"../esm/lib/components/unified-share-form-modal/collaborator-list/messages.js";import{t as CollaboratorListItem}from"./collaborator-list-item.js";import{useIntl}from"react-intl";import{Breakpoint,Column,Divider,Link,Modal,Table,TableBody,TableHeader,useBreakpoint}from"@box/blueprint-web";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{createPortal}from"react-dom";import '../styles/collaborator-list.css';var collaborator_list_module_default={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 CollaboratorList(){let{formatMessage}=useIntl(),isSmall=useBreakpoint()===Breakpoint.Small,{collaborators,config,eventService,isFetching,isSubmitting,item,variant}=useUnifiedShareModalContext(),{id:itemId,type:itemType}=item,{onCollaboratorsManagementClick}=eventService,isDesktop=variant===`desktop`,{containerRef,setIsCollaboratorsOpen}=useUnifiedShareFormContext();return jsxs(Fragment,{children:[isDesktop&&jsx(Divider,{className:collaborator_list_module_default.divider}),config.collaboratorsManagement&&jsx(`div`,{className:collaborator_list_module_default.manage,children:onCollaboratorsManagementClick?jsx(Link,{className:collaborator_list_module_default.link,onClick:onCollaboratorsManagementClick,onKeyDown:callOnKeyboardEvent(onCollaboratorsManagementClick,{canPreventDefault:!0}),role:`button`,tabIndex:0,variant:`standalone`,children:formatMessage(messages.manageAllLink)}):jsx(Link,{href:`/${itemType}/${itemId}/collaborators`,rel:`noopener`,target:`_blank`,variant:`standalone`,children:formatMessage(messages.manageAllLink)})}),jsx(`div`,{className:collaborator_list_module_default.list,children:jsx(`div`,{className:collaborator_list_module_default.scroll,children:jsxs(Table,{"aria-label":formatMessage(messages.listLabel),children:[jsxs(TableHeader,{className:collaborator_list_module_default.header,children:[jsx(Column,{hideHeader:!0,isRowHeader:!0,width:`11fr`,children:formatMessage(messages.nameColumn)}),!isSmall&&jsx(Column,{hideHeader:!0,width:`10fr`,children:formatMessage(messages.roleColumn)})]}),jsx(TableBody,{children:collaborators.slice(0,config.collaboratorsLimit).map(collaborator=>jsx(CollaboratorListItem,{collaborator,isSmall},collaborator.id))})]})})}),containerRef&&createPortal(jsxs(Fragment,{children:[!isFetching&&jsx(Modal.Footer,{children:jsx(Modal.Footer.SecondaryButton,{onClick:()=>setIsCollaboratorsOpen(!1),children:formatMessage(messages.doneButton)})}),!isDesktop&&jsx(Modal.Close,{"aria-label":formatMessage(messages.closeButton),disabled:isSubmitting})]}),containerRef)]})}export{CollaboratorList as t};

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

@@ -1,61 +1 @@
-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_1jzrn_1",
-	isFullscreen: "_isFullscreen_1jzrn_1",
-	body: "_body_1jzrn_10",
-	divider: "_divider_1jzrn_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 };
+import{useUnifiedShareModalContext}from"../esm/lib/contexts/unified-share-modal-context.js";import{useSharingAction}from"../esm/lib/hooks/use-sharing-action.js";import messages from"../esm/lib/components/remove-collaborator-modal/messages.js";import{useEffect}from"react";import clsx from"clsx";import noop from"lodash/noop";import{useIntl}from"react-intl";import{Divider,Modal,Text}from"@box/blueprint-web";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/remove-collaborator-modal.css';var remove_collaborator_modal_module_default={content:`_content_1jzrn_1`,isFullscreen:`_isFullscreen_1jzrn_1`,body:`_body_1jzrn_10`,divider:`_divider_1jzrn_17`};function RemoveCollaboratorModal({isOpen,onOpenChange}){let{formatMessage}=useIntl(),{collaborator,isSubmitting,sharingService,setCollaborator,variant}=useUnifiedShareModalContext(),{email,name}=collaborator??{},{removeCollaborator}=sharingService,isDesktop=variant===`desktop`;useEffect(()=>{isOpen||setCollaborator(null)},[isOpen,setCollaborator]);let{onAction:onRemove}=useSharingAction(removeCollaborator,`remove-collaborator`);return jsx(Modal,{onOpenChange:isSubmitting?noop:onOpenChange,open:isOpen,children:jsxs(Modal.Content,{className:clsx(remove_collaborator_modal_module_default.content,isDesktop&&remove_collaborator_modal_module_default.isFullscreen),onPointerDownOutside:event=>{event.preventDefault()},size:`small`,children:[jsx(Modal.Header,{children:formatMessage(messages.title)}),jsxs(Modal.Body,{className:remove_collaborator_modal_module_default.body,children:[isDesktop&&jsx(Divider,{className:remove_collaborator_modal_module_default.divider}),jsx(Text,{as:`p`,children:formatMessage(messages.bodyText,{name:email||name})})]}),jsxs(Modal.Footer,{children:[jsx(Modal.Footer.SecondaryButton,{disabled:isSubmitting,onClick:()=>onOpenChange(!1),children:formatMessage(messages.cancelButton)}),jsx(Modal.Footer.PrimaryButton,{"data-target-id":`Modal.Footer.PrimaryButton-USMRemoveCollaborator`,loading:isSubmitting,loadingAriaLabel:formatMessage(messages.loadingLabel),onClick:async()=>{await onRemove(collaborator),onOpenChange(!1)},children:formatMessage(messages.okayButton)})]}),!isDesktop&&jsx(Modal.Close,{"aria-label":formatMessage(messages.closeButton),disabled:isSubmitting})]})})}export{RemoveCollaboratorModal as t};

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

@@ -1,56 +1 @@
-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_1jzrn_1",
-	isFullscreen: "_isFullscreen_1jzrn_1",
-	body: "_body_1jzrn_10",
-	divider: "_divider_1jzrn_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 };
+import{useUnifiedShareModalContext}from"../esm/lib/contexts/unified-share-modal-context.js";import{useSharingAction}from"../esm/lib/hooks/use-sharing-action.js";import messages from"../esm/lib/components/remove-shared-link-modal/messages.js";import clsx from"clsx";import noop from"lodash/noop";import{useIntl}from"react-intl";import{Divider,Modal,Text}from"@box/blueprint-web";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/remove-collaborator-modal.css';var remove_shared_link_modal_module_default={content:`_content_1jzrn_1`,isFullscreen:`_isFullscreen_1jzrn_1`,body:`_body_1jzrn_10`,divider:`_divider_1jzrn_17`};function RemoveSharedLinkModal({isOpen,onOpenChange}){let{formatMessage}=useIntl(),{isSubmitting,sharingService,variant}=useUnifiedShareModalContext(),{deleteSharedLink}=sharingService,isDesktop=variant===`desktop`,{onAction:onDelete}=useSharingAction(deleteSharedLink,`delete-shared-link`);return jsx(Modal,{onOpenChange:isSubmitting?noop:onOpenChange,open:isOpen,children:jsxs(Modal.Content,{className:clsx(remove_shared_link_modal_module_default.content,isDesktop&&remove_shared_link_modal_module_default.isFullscreen),onPointerDownOutside:event=>{event.preventDefault()},size:`small`,children:[jsx(Modal.Header,{children:formatMessage(messages.title)}),jsxs(Modal.Body,{className:remove_shared_link_modal_module_default.body,children:[isDesktop&&jsx(Divider,{className:remove_shared_link_modal_module_default.divider}),jsx(Text,{as:`p`,children:formatMessage(messages.bodyText)})]}),jsxs(Modal.Footer,{children:[jsx(Modal.Footer.SecondaryButton,{disabled:isSubmitting,onClick:()=>onOpenChange(!1),children:formatMessage(messages.cancelButton)}),jsx(Modal.Footer.PrimaryButton,{"data-target-id":`Modal.Footer.PrimaryButton-USMRemoveSharedLink`,loading:isSubmitting,loadingAriaLabel:formatMessage(messages.loadingLabel),onClick:async()=>{await onDelete(),onOpenChange(!1)},children:formatMessage(messages.okayButton)})]}),!isDesktop&&jsx(Modal.Close,{"aria-label":formatMessage(messages.closeButton),disabled:isSubmitting})]})})}export{RemoveSharedLinkModal as t};