@box/unified-share-modal 3.1.36 → 3.1.38

package/dist/esm/lib/contexts/shared-link-settings-context.js

@@ -1,51 +1 @@
-import { useUnifiedShareModalContext as e } from "./unified-share-modal-context.js";
-import { formatDateFromTimestampToCalendarDate as t } from "../utils/date.js";
-import { useLinkSettingsForm as n } from "../hooks/use-link-settings-form.js";
-import { createContext as r, useContext as i, useMemo as a, useState as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-var c = /*#__PURE__*/ r(null), l = () => {
-	let e = i(c);
-	if (!e) throw Error("useSharedLinkSettingsContext must be used with SharedLinkSettingsProvider");
-	return e;
-}, u = ({ children: r }) => {
-	let { sharedLink: i } = e(), { expiresAt: l = 0, settings: u = {}, vanityName: d = "" } = i, { isDownloadEnabled: f, isPasswordEnabled: p } = u, [m, h] = o(null), g = a(() => ({
-		expiration: l ? t(l) : null,
-		isDownloadEnabled: !!f,
-		isExpirationEnabled: !!l,
-		isPasswordEnabled: !!p,
-		isVanityNameEnabled: !!d,
-		password: "",
-		vanityName: d
-	}), [
-		l,
-		f,
-		p,
-		d
-	]), { errors: _, formData: v, handleFormReset: y, handleFormSubmit: b, setFieldError: x, setFieldValue: S, validatePassword: C } = n(g), w = a(() => ({
-		containerRef: m,
-		errors: _,
-		formData: v,
-		initialFormData: g,
-		resetForm: y,
-		setContainerRef: h,
-		setFieldError: x,
-		setFieldValue: S,
-		submitForm: b,
-		validatePassword: C
-	}), [
-		m,
-		_,
-		v,
-		y,
-		b,
-		g,
-		x,
-		S,
-		C
-	]);
-	return /* @__PURE__ */ s(c.Provider, {
-		value: w,
-		children: r
-	});
-};
-export { c as SharedLinkSettingsContext, u as SharedLinkSettingsProvider, l as useSharedLinkSettingsContext };
+import{useUnifiedShareModalContext}from"./unified-share-modal-context.js";import{formatDateFromTimestampToCalendarDate}from"../utils/date.js";import{useLinkSettingsForm}from"../hooks/use-link-settings-form.js";import{createContext,useContext,useMemo,useState}from"react";import{jsx}from"react/jsx-runtime";var SharedLinkSettingsContext=createContext(null),useSharedLinkSettingsContext=()=>{let context=useContext(SharedLinkSettingsContext);if(!context)throw Error(`useSharedLinkSettingsContext must be used with SharedLinkSettingsProvider`);return context},SharedLinkSettingsProvider=({children})=>{let{sharedLink}=useUnifiedShareModalContext(),{expiresAt=0,settings={},vanityName=``}=sharedLink,{isDownloadEnabled,isPasswordEnabled}=settings,[containerRef,setContainerRef]=useState(null),initialFormData=useMemo(()=>({expiration:expiresAt?formatDateFromTimestampToCalendarDate(expiresAt):null,isDownloadEnabled:!!isDownloadEnabled,isExpirationEnabled:!!expiresAt,isPasswordEnabled:!!isPasswordEnabled,isVanityNameEnabled:!!vanityName,password:``,vanityName}),[expiresAt,isDownloadEnabled,isPasswordEnabled,vanityName]),{errors,formData,handleFormReset,handleFormSubmit,setFieldError,setFieldValue,validatePassword}=useLinkSettingsForm(initialFormData),contextValue=useMemo(()=>({containerRef,errors,formData,initialFormData,resetForm:handleFormReset,setContainerRef,setFieldError,setFieldValue,submitForm:handleFormSubmit,validatePassword}),[containerRef,errors,formData,handleFormReset,handleFormSubmit,initialFormData,setFieldError,setFieldValue,validatePassword]);return jsx(SharedLinkSettingsContext.Provider,{value:contextValue,children})};export{SharedLinkSettingsContext,SharedLinkSettingsProvider,useSharedLinkSettingsContext};

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

@@ -1,61 +1 @@
-import { useUnifiedShareModalContext as e } from "./unified-share-modal-context.js";
-import { createContext as t, useCallback as n, useContext as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
-var l = /*#__PURE__*/ t(null), u = () => {
-	let e = r(l);
-	if (!e) throw Error("useUnifiedShareFormContext must be used with UnifiedShareFormProvider");
-	return e;
-}, d = ({ children: t }) => {
-	let { initialContacts: r, isOpen: u, view: d } = e(), [f, p] = s("default"), [m, h] = s(!1), [g, _] = s(!1), [v, y] = s(null), [b, x] = s(r), [S, C] = s(""), [w, T] = s(""), [E, D] = s(), [O, k] = s({}), A = o(!1), j = o(!1), M = n((e) => {
-		k((t) => ({
-			...t,
-			...e
-		}));
-	}, []);
-	i(() => {
-		u || (p("default"), h(!1), _(!1), x(r), C(""), T(""), D(void 0), k({}), A.current = !1, j.current = !1);
-	}, [r, u]), i(() => {
-		g || (d !== "unified-share-form" || f !== "default") && _(!0);
-	}, [
-		g,
-		d,
-		f
-	]);
-	let N = a(() => ({
-		collaborationRole: E,
-		contactValue: S,
-		containerRef: v,
-		form: f,
-		isCollaboratorsOpen: m,
-		isInteracted: g,
-		isSharedLinkAutoCopied: A,
-		isSharedLinkAutoCreated: j,
-		messageValue: w,
-		setCollaborationRole: D,
-		setContactValue: C,
-		setContainerRef: y,
-		setForm: p,
-		setIsCollaboratorsOpen: h,
-		setMessageValue: T,
-		setShieldRestriction: M,
-		setUserContacts: x,
-		shieldRestriction: O,
-		userContacts: b
-	}), [
-		E,
-		S,
-		v,
-		f,
-		M,
-		m,
-		g,
-		w,
-		O,
-		b
-	]);
-	return /* @__PURE__ */ c(l.Provider, {
-		value: N,
-		children: t
-	});
-};
-export { l as UnifiedShareFormContext, d as UnifiedShareFormProvider, u as useUnifiedShareFormContext };
+import{useUnifiedShareModalContext}from"./unified-share-modal-context.js";import{createContext,useCallback,useContext,useEffect,useMemo,useRef,useState}from"react";import{jsx}from"react/jsx-runtime";var UnifiedShareFormContext=createContext(null),useUnifiedShareFormContext=()=>{let context=useContext(UnifiedShareFormContext);if(!context)throw Error(`useUnifiedShareFormContext must be used with UnifiedShareFormProvider`);return context},UnifiedShareFormProvider=({children})=>{let{initialContacts,isOpen,view}=useUnifiedShareModalContext(),[form,setForm]=useState(`default`),[isCollaboratorsOpen,setIsCollaboratorsOpen]=useState(!1),[isInteracted,setIsInteracted]=useState(!1),[containerRef,setContainerRef]=useState(null),[userContacts,setUserContacts]=useState(initialContacts),[contactValue,setContactValue]=useState(``),[messageValue,setMessageValue]=useState(``),[collaborationRole,setCollaborationRole]=useState(),[shieldRestriction,setShieldRestriction]=useState({}),isSharedLinkAutoCopied=useRef(!1),isSharedLinkAutoCreated=useRef(!1),handleShieldRestrictionChange=useCallback(next=>{setShieldRestriction(prev=>({...prev,...next}))},[]);useEffect(()=>{isOpen||(setForm(`default`),setIsCollaboratorsOpen(!1),setIsInteracted(!1),setUserContacts(initialContacts),setContactValue(``),setMessageValue(``),setCollaborationRole(void 0),setShieldRestriction({}),isSharedLinkAutoCopied.current=!1,isSharedLinkAutoCreated.current=!1)},[initialContacts,isOpen]),useEffect(()=>{isInteracted||(view!==`unified-share-form`||form!=="default")&&setIsInteracted(!0)},[isInteracted,view,form]);let contextValue=useMemo(()=>({collaborationRole,contactValue,containerRef,form,isCollaboratorsOpen,isInteracted,isSharedLinkAutoCopied,isSharedLinkAutoCreated,messageValue,setCollaborationRole,setContactValue,setContainerRef,setForm,setIsCollaboratorsOpen,setMessageValue,setShieldRestriction:handleShieldRestrictionChange,setUserContacts,shieldRestriction,userContacts}),[collaborationRole,contactValue,containerRef,form,handleShieldRestrictionChange,isCollaboratorsOpen,isInteracted,messageValue,shieldRestriction,userContacts]);return jsx(UnifiedShareFormContext.Provider,{value:contextValue,children})};export{UnifiedShareFormContext,UnifiedShareFormProvider,useUnifiedShareFormContext};

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

@@ -1,70 +1 @@
-import { DEFAULT_COLLABORATION_ROLES as e, DEFAULT_CONFIGURATION as t } from "../constants.js";
-import { createContext as n, useContext as r, useEffect as i, useMemo as a, useState as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-var c = /*#__PURE__*/ n(null), l = () => {
-	let e = r(c);
-	if (!e) throw Error("useUnifiedShareModalContext must be used with UnifiedShareModalContext.Provider");
-	return e;
-}, u = ({ children: n, collaborationAccess: r, collaborationNotices: l, collaborationRoles: u, collaborators: d, config: f, contactService: p, currentUser: m, eventService: h, initialContacts: g, invitationFormNotices: _, isFetching: v, isOpen: y, isSubmitting: b, item: x, onOpenChange: S, sharedLink: C, sharedLinkNotices: w, sharingService: T, variant: E }) => {
-	let [D, O] = o(null), [k, A] = o(!1), [j, M] = o("unified-share-form");
-	i(() => {
-		y || (A(!1), M("unified-share-form"));
-	}, [y]);
-	let N = a(() => ({
-		collaborationAccess: r,
-		collaborationNotices: l,
-		collaborationRoles: u ?? e,
-		collaborator: D,
-		collaborators: d ?? [],
-		config: {
-			...t,
-			...f
-		},
-		contactService: p ?? {},
-		currentUser: m ?? {},
-		eventService: h ?? {},
-		initialContacts: g ?? [],
-		invitationFormNotices: _,
-		isFetching: v,
-		isOpen: y,
-		isSubmitting: b ?? k,
-		item: x,
-		onOpenChange: S,
-		setCollaborator: O,
-		setIsLoading: A,
-		setView: M,
-		sharedLink: C ?? {},
-		sharedLinkNotices: w,
-		sharingService: T ?? {},
-		variant: E,
-		view: j
-	}), [
-		r,
-		l,
-		u,
-		D,
-		d,
-		f,
-		p,
-		m,
-		h,
-		g,
-		_,
-		v,
-		k,
-		y,
-		b,
-		x,
-		S,
-		C,
-		w,
-		T,
-		E,
-		j
-	]);
-	return /* @__PURE__ */ s(c.Provider, {
-		value: N,
-		children: n
-	});
-};
-export { c as UnifiedShareModalContext, u as UnifiedShareModalProvider, l as useUnifiedShareModalContext };
+import{DEFAULT_COLLABORATION_ROLES,DEFAULT_CONFIGURATION}from"../constants.js";import{createContext,useContext,useEffect,useMemo,useState}from"react";import{jsx}from"react/jsx-runtime";var UnifiedShareModalContext=createContext(null),useUnifiedShareModalContext=()=>{let context=useContext(UnifiedShareModalContext);if(!context)throw Error(`useUnifiedShareModalContext must be used with UnifiedShareModalContext.Provider`);return context},UnifiedShareModalProvider=({children,collaborationAccess,collaborationNotices,collaborationRoles,collaborators,config,contactService,currentUser,eventService,initialContacts,invitationFormNotices,isFetching,isOpen,isSubmitting,item,onOpenChange,sharedLink,sharedLinkNotices,sharingService,variant})=>{let[collaborator,setCollaborator]=useState(null),[isLoading,setIsLoading]=useState(!1),[view,setView]=useState(`unified-share-form`);useEffect(()=>{isOpen||(setIsLoading(!1),setView(`unified-share-form`))},[isOpen]);let contextValue=useMemo(()=>({collaborationAccess,collaborationNotices,collaborationRoles:collaborationRoles??DEFAULT_COLLABORATION_ROLES,collaborator,collaborators:collaborators??[],config:{...DEFAULT_CONFIGURATION,...config},contactService:contactService??{},currentUser:currentUser??{},eventService:eventService??{},initialContacts:initialContacts??[],invitationFormNotices,isFetching,isOpen,isSubmitting:isSubmitting??isLoading,item,onOpenChange,setCollaborator,setIsLoading,setView,sharedLink:sharedLink??{},sharedLinkNotices,sharingService:sharingService??{},variant,view}),[collaborationAccess,collaborationNotices,collaborationRoles,collaborator,collaborators,config,contactService,currentUser,eventService,initialContacts,invitationFormNotices,isFetching,isLoading,isOpen,isSubmitting,item,onOpenChange,sharedLink,sharedLinkNotices,sharingService,variant,view]);return jsx(UnifiedShareModalContext.Provider,{value:contextValue,children})};export{UnifiedShareModalContext,UnifiedShareModalProvider,useUnifiedShareModalContext};

package/dist/esm/lib/hooks/index.js

@@ -1,7 +1 @@
-import { useAccessLevels as e } from "./use-access-levels.js";
-import { useFormValidation as t } from "./use-form-validation.js";
-import { useSharingAction as n } from "./use-sharing-action.js";
-import { useCollaborationForm as r } from "./use-collaboration-form.js";
-import { useLinkSettingsForm as i } from "./use-link-settings-form.js";
-import { usePermissionLevels as a } from "./use-permission-levels.js";
-export { e as useAccessLevels, r as useCollaborationForm, t as useFormValidation, i as useLinkSettingsForm, a as usePermissionLevels, n as useSharingAction };
+import{useAccessLevels}from"./use-access-levels.js";import{useFormValidation}from"./use-form-validation.js";import{useSharingAction}from"./use-sharing-action.js";import{useCollaborationForm}from"./use-collaboration-form.js";import{useLinkSettingsForm}from"./use-link-settings-form.js";import{usePermissionLevels}from"./use-permission-levels.js";export{useAccessLevels,useCollaborationForm,useFormValidation,useLinkSettingsForm,usePermissionLevels,useSharingAction};

package/dist/esm/lib/hooks/use-access-levels.js

@@ -1,70 +1 @@
-import { useUnifiedShareModalContext as e } from "../contexts/unified-share-modal-context.js";
-import { getAllowedAccessLevels as t } from "../utils/permission.js";
-import n from "../components/unified-share-form-modal/shared-link-section/messages.js";
-import { useMemo as r } from "react";
-import { useIntl as i } from "react-intl";
-var a = (e, t, r) => {
-	let { id: i, label: a } = t, o;
-	switch (i) {
-		case "collaborators":
-			o = n.collaboratorsAccessLevelLabel;
-			break;
-		case "company":
-			o = r ? n.enterpriseAccessLevelLabel : n.companyAccessLevelLabel;
-			break;
-		case "open":
-			o = n.openAccessLevelLabel;
-			break;
-	}
-	return a ?? (o ? e(o, { enterprise: r }) : "");
-}, o = (e, t, r, i) => {
-	let { description: a, id: o } = t, s, c;
-	switch (o) {
-		case "collaborators":
-			s = n.collaboratorsAccessLevelDescription;
-			break;
-		case "company":
-			s = r ? n.enterpriseAccessLevelDescription : n.companyAccessLevelDescription;
-			break;
-		case "open":
-			s = n.openAccessLevelDescription;
-			break;
-	}
-	switch (i) {
-		case "file":
-			c = n.fileAccessLevelItem;
-			break;
-		case "folder":
-			c = n.folderAccessLevelItem;
-			break;
-		case "hubs":
-			c = n.hubsAccessLevelItem;
-			break;
-		case "web_link":
-			c = n.webLinkAccessLevelItem;
-			break;
-		case "workflow":
-			c = n.workflowAccessLevelItem;
-			break;
-	}
-	return a ?? (s ? e(s, {
-		enterprise: r,
-		item: e(c)
-	}) : "");
-}, s = () => {
-	let { formatMessage: n } = i(), { currentUser: s, item: c, sharedLink: l } = e(), { enterprise: u = {} } = s, { name: d } = u, { type: f } = c, { access: p, accessLevels: m } = l, h = r(() => t(m).map((e) => ({
-		...e,
-		description: o(n, e, d, f),
-		label: a(n, e, d)
-	})), [
-		m,
-		d,
-		n,
-		f
-	]);
-	return {
-		allowedLevels: h,
-		selectedAccess: r(() => h.find(({ id: e }) => p === e), [p, h])
-	};
-};
-export { s as useAccessLevels };
+import{useUnifiedShareModalContext}from"../contexts/unified-share-modal-context.js";import{getAllowedAccessLevels}from"../utils/permission.js";import messages from"../components/unified-share-form-modal/shared-link-section/messages.js";import{useMemo}from"react";import{useIntl}from"react-intl";var getAccessLevelLabel=(formatMessage,accessLevel,enterprise)=>{let{id:access,label}=accessLevel,message;switch(access){case`collaborators`:message=messages.collaboratorsAccessLevelLabel;break;case`company`:message=enterprise?messages.enterpriseAccessLevelLabel:messages.companyAccessLevelLabel;break;case`open`:message=messages.openAccessLevelLabel;break}return label??(message?formatMessage(message,{enterprise}):``)},getAccessLevelDescription=(formatMessage,accessLevel,enterprise,type)=>{let{description,id:access}=accessLevel,message,item;switch(access){case`collaborators`:message=messages.collaboratorsAccessLevelDescription;break;case`company`:message=enterprise?messages.enterpriseAccessLevelDescription:messages.companyAccessLevelDescription;break;case`open`:message=messages.openAccessLevelDescription;break}switch(type){case`file`:item=messages.fileAccessLevelItem;break;case`folder`:item=messages.folderAccessLevelItem;break;case`hubs`:item=messages.hubsAccessLevelItem;break;case`web_link`:item=messages.webLinkAccessLevelItem;break;case`workflow`:item=messages.workflowAccessLevelItem;break}return description??(message?formatMessage(message,{enterprise,item:formatMessage(item)}):``)},useAccessLevels=()=>{let{formatMessage}=useIntl(),{currentUser,item,sharedLink}=useUnifiedShareModalContext(),{enterprise={}}=currentUser,{name:enterpriseName}=enterprise,{type:itemType}=item,{access,accessLevels}=sharedLink,allowedLevels=useMemo(()=>getAllowedAccessLevels(accessLevels).map(level=>({...level,description:getAccessLevelDescription(formatMessage,level,enterpriseName,itemType),label:getAccessLevelLabel(formatMessage,level,enterpriseName)})),[accessLevels,enterpriseName,formatMessage,itemType]);return{allowedLevels,selectedAccess:useMemo(()=>allowedLevels.find(({id})=>access===id),[access,allowedLevels])}};export{useAccessLevels};

package/dist/esm/lib/hooks/use-collaboration-form.js

@@ -1,76 +1 @@
-import { useUnifiedShareModalContext as e } from "../contexts/unified-share-modal-context.js";
-import { parseEmails as t } from "../utils/email.js";
-import { useUnifiedShareFormContext as n } from "../contexts/unified-share-form-context.js";
-import { useFormValidation as r } from "./use-form-validation.js";
-import { useSharingAction as i } from "./use-sharing-action.js";
-import { useCallback as a } from "react";
-import o from "lodash/differenceBy";
-import s from "lodash/uniqBy";
-var c = (c, l) => {
-	let { errors: u, setFieldError: d, validateCollaborationLimit: f, validateUserContact: p, validateUserSelector: m } = r(), { config: h, contactService: g } = e(), { collaborationLimit: _ } = h, { collaborationRole: v, form: y, messageValue: b, setContactValue: x, setMessageValue: S, setUserContacts: C, shieldRestriction: w, userContacts: T } = n(), { onAction: E } = i(c, l), { getContactsByEmail: D } = g, O = () => {
-		C([]), x(""), S(""), d("userContacts", "");
-	}, k = a((e) => {
-		f(T, _) || d("userContacts", ""), x(e);
-	}, [
-		_,
-		x,
-		d,
-		T,
-		f
-	]), A = a(async (e) => {
-		let t = {};
-		if (D && e.length > 0) {
-			let n = await D(e);
-			for (let e of Object.keys(n)) t[e.toLowerCase()] = n[e];
-		}
-		return e.map((e) => t[e.toLowerCase()] || {
-			email: e,
-			id: 0,
-			isExternalUser: !0,
-			name: e,
-			value: e,
-			type: "user"
-		});
-	}, [D]), j = a(async (e) => {
-		d("userContacts", ""), m(e);
-		let n;
-		if (e.length <= T.length || e[e.length - 1].id !== void 0) n = e;
-		else {
-			let r = e.slice(0, -1), i = e[e.length - 1].value, a = t(i);
-			a.length === 0 && p(i);
-			let c = await A(s(o(a, r.filter((e) => e.email).map((e) => e.email), (e) => e.toLowerCase()), (e) => e.toLowerCase()));
-			n = [...r, ...c];
-		}
-		_ && f(n, _), C(n);
-	}, [
-		_,
-		A,
-		d,
-		C,
-		T,
-		f,
-		p,
-		m
-	]);
-	return {
-		errors: u,
-		handleFormReset: O,
-		handleFormSubmit: async () => {
-			if (u.userContacts || m(T)) return !0;
-			let e = {
-				contacts: T,
-				message: b
-			};
-			return y === "invite" && (e.role = v.id), w.isJustificationAllowed && (e.justificationReason = w.justificationReason, e.classificationId = w.classificationId), await E(e), O(), !1;
-		},
-		handleSelectedUsersChange: j,
-		handleUserSelectorBlur: a((e) => {
-			let t = e.relatedTarget?.closest(".usm-UserContacts-input"), n = document.querySelector("[aria-labelledby^=\"usm-UserContacts-\"]")?.contains(e.relatedTarget);
-			if (t || n) return;
-			let r = e.target.value.trim();
-			r && j([...T, { value: r }]);
-		}, [j, T]),
-		updateContactValue: k
-	};
-};
-export { c as useCollaborationForm };
+import{useUnifiedShareModalContext}from"../contexts/unified-share-modal-context.js";import{parseEmails}from"../utils/email.js";import{useUnifiedShareFormContext}from"../contexts/unified-share-form-context.js";import{useFormValidation}from"./use-form-validation.js";import{useSharingAction}from"./use-sharing-action.js";import{useCallback}from"react";import differenceBy from"lodash/differenceBy";import uniqBy from"lodash/uniqBy";var useCollaborationForm=(formAction,formNotification)=>{let{errors,setFieldError,validateCollaborationLimit,validateUserContact,validateUserSelector}=useFormValidation(),{config,contactService}=useUnifiedShareModalContext(),{collaborationLimit}=config,{collaborationRole,form,messageValue,setContactValue,setMessageValue,setUserContacts,shieldRestriction,userContacts}=useUnifiedShareFormContext(),{onAction:onFormSubmit}=useSharingAction(formAction,formNotification),{getContactsByEmail}=contactService,handleFormReset=()=>{setUserContacts([]),setContactValue(``),setMessageValue(``),setFieldError(`userContacts`,``)},updateContactValue=useCallback(input=>{validateCollaborationLimit(userContacts,collaborationLimit)||setFieldError(`userContacts`,``),setContactValue(input)},[collaborationLimit,setContactValue,setFieldError,userContacts,validateCollaborationLimit]),processContacts=useCallback(async emails=>{let fetchedContacts={};if(getContactsByEmail&&emails.length>0){let response=await getContactsByEmail(emails);for(let key of Object.keys(response))fetchedContacts[key.toLowerCase()]=response[key]}return emails.map(email=>fetchedContacts[email.toLowerCase()]||{email,id:0,isExternalUser:!0,name:email,value:email,type:`user`})},[getContactsByEmail]),handleSelectedUsersChange=useCallback(async users=>{setFieldError(`userContacts`,``),validateUserSelector(users);let nextUserContacts;if(users.length<=userContacts.length||users[users.length-1].id!==void 0)nextUserContacts=users;else{let previousContacts=users.slice(0,-1),rawInput=users[users.length-1].value,parsedEmails=parseEmails(rawInput);parsedEmails.length===0&&validateUserContact(rawInput);let processedContacts=await processContacts(uniqBy(differenceBy(parsedEmails,previousContacts.filter(user=>user.email).map(user=>user.email),email=>email.toLowerCase()),email=>email.toLowerCase()));nextUserContacts=[...previousContacts,...processedContacts]}collaborationLimit&&validateCollaborationLimit(nextUserContacts,collaborationLimit),setUserContacts(nextUserContacts)},[collaborationLimit,processContacts,setFieldError,setUserContacts,userContacts,validateCollaborationLimit,validateUserContact,validateUserSelector]);return{errors,handleFormReset,handleFormSubmit:async()=>{if(errors.userContacts||validateUserSelector(userContacts))return!0;let formData={contacts:userContacts,message:messageValue};return form===`invite`&&(formData.role=collaborationRole.id),shieldRestriction.isJustificationAllowed&&(formData.justificationReason=shieldRestriction.justificationReason,formData.classificationId=shieldRestriction.classificationId),await onFormSubmit(formData),handleFormReset(),!1},handleSelectedUsersChange,handleUserSelectorBlur:useCallback(event=>{let isInputFocused=event.relatedTarget?.closest(`.usm-UserContacts-input`),isPopupFocused=document.querySelector(`[aria-labelledby^="usm-UserContacts-"]`)?.contains(event.relatedTarget);if(isInputFocused||isPopupFocused)return;let value=event.target.value.trim();value&&handleSelectedUsersChange([...userContacts,{value}])},[handleSelectedUsersChange,userContacts]),updateContactValue}};export{useCollaborationForm};

package/dist/esm/lib/hooks/use-form-validation.js

@@ -1,33 +1 @@
-import { formatTomorrowDateToCalendarDate as e } from "../utils/date.js";
-import { doesPasswordContainInvalidCharacter as t, doesPasswordContainLetter as n, doesPasswordContainMinCharacters as r, doesPasswordContainMixedCase as i, doesPasswordContainNumber as a, doesPasswordContainSymbol as o, isEmailValid as s, isVanityNameValid as c } from "../utils/validation.js";
-import l from "../messages.js";
-import { useCallback as u, useState as d } from "react";
-import { useIntl as f } from "react-intl";
-var p = () => {
-	let { formatMessage: p } = f(), [m, h] = d({}), g = u((e, t) => {
-		h((n) => ({
-			...n,
-			[e]: t
-		}));
-	}, []), _ = u((t) => {
-		if (!t) return g("expiration", p(l.expirationRequiredErrorMessage)), !0;
-		let n = e();
-		return t.compare(n) < 0 ? (g("expiration", p(l.expirationFutureDateErrorMessage)), !0) : !1;
-	}, [p, g]), v = u((e) => e ? c(e) ? !1 : (g("vanityName", p(l.vanityNameInvalidErrorMessage)), !0) : (g("vanityName", p(l.vanityNameRequiredErrorMessage)), !0), [p, g]), y = u((e, t) => {
-		let n = e.filter((e) => e.chipVariant === "error");
-		return t.isJustificationAllowed && !t.justificationReason ? p(l.justificationRequiredErrorNotice, { count: n.length }) : n.length && !t.isJustificationAllowed ? p(l.restrictedContactsErrorNotice, { count: n.length }) : "";
-	}, [p]), b = u((e) => e.length ? !1 : (g("userContacts", p(l.emailRequiredErrorMessage)), !0), [p, g]), x = u((e, t) => e.filter((e) => e.value !== "").length <= t ? !1 : (g("userContacts", p(l.contactsLimitErrorMessage, { maxContacts: t })), !0), [p, g]), S = u((e) => e === "" ? !0 : s(e) ? !1 : (g("userContacts", p(l.invalidEmailErrorMessage)), !0), [p, g]);
-	return {
-		errors: m,
-		validateCollaborationLimit: x,
-		validateExpiration: _,
-		validatePassword: u((e) => r(e) ? t(e) ? (g("password", p(l.passwordContainInvalidCharacterErrorMessage)), !0) : !i(e) && !(n(e) && a(e)) && !(n(e) && o(e)) && !(a(e) && o(e)) ? (g("password", p(l.passwordContainLetterNumberOrSymbolErrorMessage)), !0) : !1 : (g("password", p(l.passwordContainMinCharactersErrorMessage)), !0), [p, g]),
-		validateShieldRestriction: y,
-		validateVanityName: v,
-		validateUserContact: S,
-		validateUserSelector: b,
-		setErrors: h,
-		setFieldError: g
-	};
-};
-export { p as useFormValidation };
+import{formatTomorrowDateToCalendarDate}from"../utils/date.js";import{doesPasswordContainInvalidCharacter,doesPasswordContainLetter,doesPasswordContainMinCharacters,doesPasswordContainMixedCase,doesPasswordContainNumber,doesPasswordContainSymbol,isEmailValid,isVanityNameValid}from"../utils/validation.js";import messages from"../messages.js";import{useCallback,useState}from"react";import{useIntl}from"react-intl";var useFormValidation=()=>{let{formatMessage}=useIntl(),[errors,setErrors]=useState({}),setFieldError=useCallback((field,error)=>{setErrors(prev=>({...prev,[field]:error}))},[]),validateExpiration=useCallback(expiration=>{if(!expiration)return setFieldError(`expiration`,formatMessage(messages.expirationRequiredErrorMessage)),!0;let tomorrow=formatTomorrowDateToCalendarDate();return expiration.compare(tomorrow)<0?(setFieldError(`expiration`,formatMessage(messages.expirationFutureDateErrorMessage)),!0):!1},[formatMessage,setFieldError]),validateVanityName=useCallback(vanityName=>vanityName?isVanityNameValid(vanityName)?!1:(setFieldError(`vanityName`,formatMessage(messages.vanityNameInvalidErrorMessage)),!0):(setFieldError(`vanityName`,formatMessage(messages.vanityNameRequiredErrorMessage)),!0),[formatMessage,setFieldError]),validateShieldRestriction=useCallback((users,shieldRestriction)=>{let restrictedContacts=users.filter(user=>user.chipVariant===`error`);return shieldRestriction.isJustificationAllowed&&!shieldRestriction.justificationReason?formatMessage(messages.justificationRequiredErrorNotice,{count:restrictedContacts.length}):restrictedContacts.length&&!shieldRestriction.isJustificationAllowed?formatMessage(messages.restrictedContactsErrorNotice,{count:restrictedContacts.length}):``},[formatMessage]),validateUserSelector=useCallback(users=>users.length?!1:(setFieldError(`userContacts`,formatMessage(messages.emailRequiredErrorMessage)),!0),[formatMessage,setFieldError]),validateCollaborationLimit=useCallback((users,maxContacts)=>users.filter(user=>user.value!==``).length<=maxContacts?!1:(setFieldError(`userContacts`,formatMessage(messages.contactsLimitErrorMessage,{maxContacts})),!0),[formatMessage,setFieldError]),validateUserContact=useCallback(user=>user===``?!0:isEmailValid(user)?!1:(setFieldError(`userContacts`,formatMessage(messages.invalidEmailErrorMessage)),!0),[formatMessage,setFieldError]);return{errors,validateCollaborationLimit,validateExpiration,validatePassword:useCallback(password=>doesPasswordContainMinCharacters(password)?doesPasswordContainInvalidCharacter(password)?(setFieldError(`password`,formatMessage(messages.passwordContainInvalidCharacterErrorMessage)),!0):!doesPasswordContainMixedCase(password)&&!(doesPasswordContainLetter(password)&&doesPasswordContainNumber(password))&&!(doesPasswordContainLetter(password)&&doesPasswordContainSymbol(password))&&!(doesPasswordContainNumber(password)&&doesPasswordContainSymbol(password))?(setFieldError(`password`,formatMessage(messages.passwordContainLetterNumberOrSymbolErrorMessage)),!0):!1:(setFieldError(`password`,formatMessage(messages.passwordContainMinCharactersErrorMessage)),!0),[formatMessage,setFieldError]),validateShieldRestriction,validateVanityName,validateUserContact,validateUserSelector,setErrors,setFieldError}};export{useFormValidation};

package/dist/esm/lib/hooks/use-link-settings-form.js

@@ -1,50 +1 @@
-import { useUnifiedShareModalContext as e } from "../contexts/unified-share-modal-context.js";
-import { getUpdatedLinkSettingsFormData as t } from "../utils/form.js";
-import { useFormValidation as n } from "./use-form-validation.js";
-import { useSharingAction as r } from "./use-sharing-action.js";
-import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
-import c from "lodash/isEqual";
-var l = (l) => {
-	let [u, d] = s(l), f = o(l), { errors: p, setErrors: m, setFieldError: h, validateExpiration: g, validatePassword: _, validateVanityName: v } = n(), { sharingService: y } = e(), { updateSharedLink: b } = y, { onAction: x } = r(b, "update-shared-link");
-	a(() => {
-		c(f.current, l) || (d(l), m({}), f.current = l);
-	}, [l, m]);
-	let S = i((e, t) => {
-		d((n) => ({
-			...n,
-			[e]: t
-		}));
-	}, []);
-	return {
-		errors: p,
-		formData: u,
-		handleFormReset: i(() => {
-			d(l), m({});
-		}, [l, m]),
-		handleFormSubmit: i(async () => {
-			let e = t(u, l), { expiration: n, isExpirationEnabled: r, isPasswordEnabled: i, isVanityNameEnabled: a, password: o, vanityName: s } = e, c = r && g(n), d = i && _(o), f = a && v(s);
-			if (c || d || f) return !0;
-			try {
-				await x({
-					...l,
-					...e
-				});
-			} catch (e) {
-				return Object.entries(e).forEach(([e, t]) => h(e, t)), !0;
-			}
-			return !1;
-		}, [
-			u,
-			l,
-			x,
-			h,
-			g,
-			_,
-			v
-		]),
-		setFieldError: h,
-		setFieldValue: S,
-		validatePassword: _
-	};
-};
-export { l as useLinkSettingsForm };
+import{useUnifiedShareModalContext}from"../contexts/unified-share-modal-context.js";import{getUpdatedLinkSettingsFormData}from"../utils/form.js";import{useFormValidation}from"./use-form-validation.js";import{useSharingAction}from"./use-sharing-action.js";import{useCallback,useEffect,useRef,useState}from"react";import isEqual from"lodash/isEqual";var useLinkSettingsForm=initialFormData=>{let[formData,setFormData]=useState(initialFormData),prevInitialFormDataRef=useRef(initialFormData),{errors,setErrors,setFieldError,validateExpiration,validatePassword,validateVanityName}=useFormValidation(),{sharingService}=useUnifiedShareModalContext(),{updateSharedLink}=sharingService,{onAction:onUpdate}=useSharingAction(updateSharedLink,`update-shared-link`);useEffect(()=>{isEqual(prevInitialFormDataRef.current,initialFormData)||(setFormData(initialFormData),setErrors({}),prevInitialFormDataRef.current=initialFormData)},[initialFormData,setErrors]);let setFieldValue=useCallback((field,value)=>{setFormData(prev=>({...prev,[field]:value}))},[]);return{errors,formData,handleFormReset:useCallback(()=>{setFormData(initialFormData),setErrors({})},[initialFormData,setErrors]),handleFormSubmit:useCallback(async()=>{let updatedFormData=getUpdatedLinkSettingsFormData(formData,initialFormData),{expiration,isExpirationEnabled,isPasswordEnabled,isVanityNameEnabled,password,vanityName}=updatedFormData,hasExpirationError=isExpirationEnabled&&validateExpiration(expiration),hasPasswordError=isPasswordEnabled&&validatePassword(password),hasVanityNameError=isVanityNameEnabled&&validateVanityName(vanityName);if(hasExpirationError||hasPasswordError||hasVanityNameError)return!0;try{await onUpdate({...initialFormData,...updatedFormData})}catch(error){return Object.entries(error).forEach(([field,value])=>setFieldError(field,value)),!0}return!1},[formData,initialFormData,onUpdate,setFieldError,validateExpiration,validatePassword,validateVanityName]),setFieldError,setFieldValue,validatePassword}};export{useLinkSettingsForm};

package/dist/esm/lib/hooks/use-permission-levels.js

@@ -1,34 +1 @@
-import { useUnifiedShareModalContext as e } from "../contexts/unified-share-modal-context.js";
-import { getAllowedPermissionLevels as t } from "../utils/permission.js";
-import n from "../components/unified-share-form-modal/shared-link-section/messages.js";
-import { useMemo as r } from "react";
-import { useIntl as i } from "react-intl";
-var a = (e, t) => {
-	let { id: r, label: i } = t, a;
-	switch (r) {
-		case "can_download":
-			a = n.canDownloadPermissionLevelLabel;
-			break;
-		case "can_edit":
-			a = n.canEditPermissionLevelLabel;
-			break;
-		case "can_preview":
-			a = n.canPreviewPermissionLevelLabel;
-			break;
-	}
-	return i ?? (a ? e(a) : "");
-}, o = () => {
-	let { formatMessage: n } = i(), { sharedLink: o } = e(), { permission: s, permissionLevels: c } = o, l = r(() => t(c).map((e) => {
-		let { description: t } = e;
-		return {
-			...e,
-			description: t ?? "",
-			label: a(n, e)
-		};
-	}), [c, n]);
-	return {
-		allowedLevels: l,
-		selectedPermission: r(() => l.find(({ id: e }) => s === e), [s, l])
-	};
-};
-export { o as usePermissionLevels };
+import{useUnifiedShareModalContext}from"../contexts/unified-share-modal-context.js";import{getAllowedPermissionLevels}from"../utils/permission.js";import messages from"../components/unified-share-form-modal/shared-link-section/messages.js";import{useMemo}from"react";import{useIntl}from"react-intl";var getPermissionLevelLabel=(formatMessage,permissionLevel)=>{let{id:permission,label}=permissionLevel,message;switch(permission){case`can_download`:message=messages.canDownloadPermissionLevelLabel;break;case`can_edit`:message=messages.canEditPermissionLevelLabel;break;case`can_preview`:message=messages.canPreviewPermissionLevelLabel;break}return label??(message?formatMessage(message):``)},usePermissionLevels=()=>{let{formatMessage}=useIntl(),{sharedLink}=useUnifiedShareModalContext(),{permission,permissionLevels}=sharedLink,allowedLevels=useMemo(()=>getAllowedPermissionLevels(permissionLevels).map(level=>{let{description}=level;return{...level,description:description??``,label:getPermissionLevelLabel(formatMessage,level)}}),[permissionLevels,formatMessage]);return{allowedLevels,selectedPermission:useMemo(()=>allowedLevels.find(({id})=>permission===id),[permission,allowedLevels])}};export{usePermissionLevels};

package/dist/esm/lib/hooks/use-sharing-action.js

@@ -1,45 +1 @@
-import { useUnifiedShareModalContext as e } from "../contexts/unified-share-modal-context.js";
-import { getNotificationArgs as t, getNotificationMessage as n } from "../utils/notification.js";
-import { useCallback as r, useMemo as i } from "react";
-import { useIntl as a } from "react-intl";
-import { useNotification as o } from "@box/blueprint-web";
-var s = (s, c) => {
-	let { formatMessage: l } = a(), { addNotification: u } = o(), { config: d, item: f, setIsLoading: p } = e(), { notifications: m } = d, { name: h } = f, g = i(() => m.includes(c), [c, m]);
-	return { onAction: r(async (...e) => {
-		p(!0);
-		try {
-			if (s) {
-				let r = await s(...e), i = !!r && !!r.messages, a = g && !i;
-				i && r.messages.forEach(({ text: e, type: n, ...r }) => {
-					u({
-						...t(l, n),
-						styledText: e,
-						...r
-					});
-				});
-				let o = n(l, "success", c, { itemName: h });
-				a && o && u({
-					...t(l, "success"),
-					styledText: o
-				});
-			}
-		} catch (e) {
-			let r = n(l, "error", c);
-			if (g && r && u({
-				...t(l, "error"),
-				styledText: r
-			}), e?.fields && Object.values(e.fields).length) throw e.fields;
-		} finally {
-			p(!1);
-		}
-	}, [
-		s,
-		u,
-		l,
-		g,
-		h,
-		c,
-		p
-	]) };
-};
-export { s as useSharingAction };
+import{useUnifiedShareModalContext}from"../contexts/unified-share-modal-context.js";import{getNotificationArgs,getNotificationMessage}from"../utils/notification.js";import{useCallback,useMemo}from"react";import{useIntl}from"react-intl";import{useNotification}from"@box/blueprint-web";var useSharingAction=(action,notification)=>{let{formatMessage}=useIntl(),{addNotification}=useNotification(),{config,item,setIsLoading}=useUnifiedShareModalContext(),{notifications}=config,{name:itemName}=item,isNotificationEnabled=useMemo(()=>notifications.includes(notification),[notification,notifications]);return{onAction:useCallback(async(...args)=>{setIsLoading(!0);try{if(action){let response=await action(...args),hasCustomNotifications=!!response&&!!response.messages,hasDefaultNotification=isNotificationEnabled&&!hasCustomNotifications;hasCustomNotifications&&response.messages.forEach(({text,type,...options})=>{addNotification({...getNotificationArgs(formatMessage,type),styledText:text,...options})});let successMessage=getNotificationMessage(formatMessage,`success`,notification,{itemName});hasDefaultNotification&&successMessage&&addNotification({...getNotificationArgs(formatMessage,`success`),styledText:successMessage})}}catch(error){let errorMessage=getNotificationMessage(formatMessage,`error`,notification);if(isNotificationEnabled&&errorMessage&&addNotification({...getNotificationArgs(formatMessage,`error`),styledText:errorMessage}),error?.fields&&Object.values(error.fields).length)throw error.fields}finally{setIsLoading(!1)}},[action,addNotification,formatMessage,isNotificationEnabled,itemName,notification,setIsLoading])}};export{useSharingAction};