@box/unified-share-modal 2.12.14 → 2.12.16

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

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

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

@@ -1,14 +1,7 @@
-import { useAccessLevels as r } from "./use-access-levels.js";
-import { useCollaborationForm as t } from "./use-collaboration-form.js";
-import { useFormValidation as i } from "./use-form-validation.js";
-import { useLinkSettingsForm as f } from "./use-link-settings-form.js";
-import { usePermissionLevels as u } from "./use-permission-levels.js";
-import { useSharingAction as a } from "./use-sharing-action.js";
-export {
-  r as useAccessLevels,
-  t as useCollaborationForm,
-  i as useFormValidation,
-  f as useLinkSettingsForm,
-  u as usePermissionLevels,
-  a as useSharingAction
-};
+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 };

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

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

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

@@ -1,96 +1,76 @@
-import A from "lodash/differenceBy";
-import M from "lodash/uniqBy";
-import { useCallback as l } from "react";
-import { useUnifiedShareFormContext as T } from "../contexts/unified-share-form-context.js";
-import { useUnifiedShareModalContext as D } from "../contexts/unified-share-modal-context.js";
-import { useFormValidation as J } from "./use-form-validation.js";
-import { useSharingAction as O } from "./use-sharing-action.js";
-import { parseEmails as P } from "../utils/email.js";
-const Z = (S, v) => {
-  const {
-    errors: h,
-    setFieldError: r,
-    validateCollaborationLimit: c,
-    validateUserContact: g,
-    validateUserSelector: u
-  } = J(), {
-    config: F,
-    contactService: w
-  } = D(), {
-    collaborationLimit: i
-  } = F, {
-    collaborationRole: E,
-    form: L,
-    messageValue: x,
-    setContactValue: m,
-    setMessageValue: R,
-    setUserContacts: f,
-    shieldRestriction: d,
-    userContacts: n
-  } = T(), {
-    onAction: V
-  } = O(S, v), {
-    getContactsByEmail: C
-  } = w, U = () => {
-    f([]), m(""), R(""), r("userContacts", "");
-  }, B = l((t) => {
-    c(n, i) || r("userContacts", ""), m(t);
-  }, [i, m, r, n, c]), b = l(async (t) => {
-    const s = {};
-    if (C && t.length > 0) {
-      const e = await C(t);
-      for (const o of Object.keys(e))
-        s[o.toLowerCase()] = e[o];
-    }
-    return t.map((e) => {
-      const o = s[e.toLowerCase()];
-      return o || {
-        email: e,
-        id: 0,
-        isExternalUser: !0,
-        name: e,
-        value: e,
-        type: "user"
-      };
-    });
-  }, [C]), p = l(async (t) => {
-    r("userContacts", ""), u(t);
-    let s;
-    if (t.length <= n.length || t[t.length - 1].id !== void 0)
-      s = t;
-    else {
-      const e = t.slice(0, -1), o = t[t.length - 1].value, y = P(o);
-      y.length === 0 && g(o);
-      const j = e.filter((a) => a.email).map((a) => a.email), k = M(A(y, j, (a) => a.toLowerCase()), (a) => a.toLowerCase()), q = await b(k);
-      s = [...e, ...q];
-    }
-    i && c(s, i), f(s);
-  }, [i, b, r, f, n, c, g, u]), I = l((t) => {
-    const s = t.relatedTarget?.closest(".usm-UserContacts-input"), e = document.querySelector('[aria-labelledby^="usm-UserContacts-"]')?.contains(t.relatedTarget);
-    if (s || e)
-      return;
-    const o = t.target.value.trim();
-    o && p([...n, {
-      value: o
-    }]);
-  }, [p, n]);
-  return {
-    errors: h,
-    handleFormReset: U,
-    handleFormSubmit: async () => {
-      if (h.userContacts || u(n))
-        return !0;
-      const t = {
-        contacts: n,
-        message: x
-      };
-      return L === "invite" && (t.role = E.id), d.isJustificationAllowed && (t.justificationReason = d.justificationReason, t.classificationId = d.classificationId), await V(t), U(), !1;
-    },
-    handleSelectedUsersChange: p,
-    handleUserSelectorBlur: I,
-    updateContactValue: B
-  };
-};
-export {
-  Z as useCollaborationForm
+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 };

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

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