@box/unified-share-modal 0.47.0 → 0.47.2

package/dist/esm/lib/components/shared-link-settings-modal/shared-link-settings-modal.js

@@ -23,22 +23,22 @@ function ua({
     sharedLink: f
   } = ia(), {
     expiresAt: v,
-    permissions: i = {},
+    settings: i = {},
     vanityDomain: A,
-    vanityName: m
+    vanityName: g
   } = f, {
     onSharedLinkSettingsClose: w
   } = N, {
-    selectedAccess: g
+    selectedAccess: m
   } = Z(), b = v ? aa(v) : void 0, p = G(() => ({
     expiration: b,
     isDownloadEnabled: !!i.isDownloadEnabled,
     isExpirationEnabled: !!b,
     isPasswordEnabled: !!i.isPasswordEnabled,
-    isVanityEnabled: !!m,
+    isVanityEnabled: !!g,
     password: "",
-    vanityName: m || ""
-  }), [b, i, m]), {
+    vanityName: g || ""
+  }), [b, i, g]), {
     errors: u,
     formData: t,
     handleFormReset: y,
@@ -114,7 +114,7 @@ function ua({
             previousMonthAriaLabel: a(e.linkExpirationPreviousMonthAriaLabel),
             value: t.expiration
           })
-        }), i.isPasswordAvailable && (g == null ? void 0 : g.id) === "open" && /* @__PURE__ */ n(c.Item, {
+        }), i.isPasswordAvailable && (m == null ? void 0 : m.id) === "open" && /* @__PURE__ */ n(c.Item, {
           checked: t.isPasswordEnabled,
           disabled: !i.canChangePassword,
           label: a(e.passwordToggleText),

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

@@ -1,70 +1,69 @@
-import { useCallback as i } from "react";
-import { useFormValidation as w } from "./use-form-validation.js";
-import { useSharingAction as B } from "./use-sharing-action.js";
-import { useUnifiedShareFormContext as E } from "../contexts/unified-share-form-context.js";
-import { useUnifiedShareModalContext as A } from "../contexts/unified-share-modal-context.js";
-const N = (g, h) => {
+import { useCallback as s } from "react";
+import { useFormValidation as V } from "./use-form-validation.js";
+import { useSharingAction as w } from "./use-sharing-action.js";
+import { useUnifiedShareFormContext as B } from "../contexts/unified-share-form-context.js";
+import { useUnifiedShareModalContext as E } from "../contexts/unified-share-modal-context.js";
+const q = (v, F) => {
   const {
-    errors: p,
+    errors: f,
     setFieldError: o,
-    validateUserContact: n,
-    validateUserSelector: u
-  } = w(), {
-    contactService: v
-  } = A(), {
-    setContactValue: m,
-    setMessageValue: F,
-    setUserContacts: r,
-    userContacts: a
+    validateUserContact: C,
+    validateUserSelector: i
+  } = V(), {
+    contactService: g
   } = E(), {
+    setContactValue: l,
+    setMessageValue: h,
+    setUserContacts: a,
+    userContacts: n
+  } = B(), {
     isLoading: b,
     onAction: U
-  } = B(g, h), {
-    getContactByEmail: d
-  } = v, f = () => {
-    r([]), m(""), F(""), o("user-contact", "");
-  }, x = i((t) => {
-    o("user-contact", ""), m(t);
-  }, [m, o]), y = i((t) => {
-    var l, S;
-    const e = (l = document.querySelector('div[role="listbox"][aria-labelledby^="user-contacts"]')) == null ? void 0 : l.contains(t.relatedTarget), c = (S = t.relatedTarget) == null ? void 0 : S.closest(".collaboration-user-selector");
-    if (e || c)
-      return;
-    const s = t.target.value;
-    n(s);
-  }, [n]), C = i(async (t) => {
+  } = w(v, F), {
+    getContactByEmail: u
+  } = g, S = () => {
+    a([]), l(""), h(""), o("user-contact", "");
+  }, x = s((t) => {
+    o("user-contact", ""), l(t);
+  }, [l, o]), p = s(async (t) => {
     if (t.id)
       return t;
-    if (d) {
-      const e = await d(t.value);
+    if (u) {
+      const e = await u(t.value);
       if (e && e.id)
         return e;
     }
-    return n(t.value) ? null : {
+    return C(t.value) ? null : {
       email: t.value,
       id: 0,
       isExternalUser: !0,
       name: t.value,
       value: t.value
     };
-  }, [d, n]), V = i(async (t) => {
-    if (o("user-contact", ""), u(t), a.length >= t.length) {
-      r(t);
+  }, [u, C]), m = s(async (t) => {
+    if (o("user-contact", ""), i(t), n.length >= t.length) {
+      a(t);
       return;
     }
-    const [e, ...c] = [...t].reverse(), s = await C(e), l = s ? [...c, s] : c;
-    r(l.filter(Boolean));
-  }, [C, o, r, u, a]);
+    const [e, ...d] = [...t].reverse(), r = await p(e), c = r ? [...d, r] : d;
+    a(c.filter(Boolean));
+  }, [p, o, a, i, n]), y = s((t) => {
+    var r, c;
+    const e = (r = t.relatedTarget) == null ? void 0 : r.closest(".collaboration-user-selector");
+    (c = document.querySelector('div[role="listbox"][aria-labelledby^="user-contacts"]')) != null && c.contains(t.relatedTarget) || e || m([...n, {
+      value: t.target.value
+    }]);
+  }, [m, n]);
   return {
-    errors: p,
-    handleFormReset: f,
-    handleFormSubmit: async () => u(a) || n(a[a.length - 1].value) ? !0 : (await U({}), f(), !1),
-    handleSelectedUsersChange: V,
+    errors: f,
+    handleFormReset: S,
+    handleFormSubmit: async () => f["user-contact"] || i(n) ? !0 : (await U({}), S(), !1),
+    handleSelectedUsersChange: m,
     handleUserSelectorBlur: y,
     isFormSubmitting: b,
     updateContactValue: x
   };
 };
 export {
-  N as useCollaborationForm
+  q as useCollaborationForm
 };

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

@@ -2,12 +2,12 @@ import { useState as g, useCallback as o } from "react";
 import { useIntl as v } from "react-intl";
 import a from "../messages.js";
 import { formatTomorrowDateToCalendarDate as p } from "../utils/date.js";
-import { isVanityNameValid as w, isEmailValid as y, doesPasswordContainMinCharacters as N, doesPasswordContainInvalidCharacter as P, isPasswordMixedCase as x, doesPasswordContainLetter as n, doesPasswordContainNumber as u, doesPasswordContainSymbol as d } from "../utils/validation.js";
+import { isVanityNameValid as w, isEmailValid as y, doesPasswordContainMinCharacters as N, doesPasswordContainInvalidCharacter as P, doesPasswordContainMixedCase as x, doesPasswordContainLetter as i, doesPasswordContainNumber as u, doesPasswordContainSymbol as d } from "../utils/validation.js";
 const R = () => {
   const {
     formatMessage: t
-  } = v(), [l, i] = g({}), e = o((r, s) => {
-    i((M) => ({
+  } = v(), [l, n] = g({}), e = o((r, s) => {
+    n((M) => ({
       ...M,
       [r]: s
     }));
@@ -16,7 +16,7 @@ const R = () => {
       return e("expiration", t(a.expirationRequiredErrorMessage)), !0;
     const s = p();
     return r.compare(s) < 0 ? (e("expiration", t(a.expirationFutureDateRequiredErrorMessage)), !0) : !1;
-  }, [t, e]), c = o((r) => r ? w(r) ? !1 : (e("vanityName", t(a.vanityNameInvalidErrorMessage)), !0) : (e("vanityName", t(a.vanityNameRequiredErrorMessage)), !0), [t, e]), f = o((r) => r.length ? !1 : (e("user-contact", t(a.emailRequiredErrorMessage)), !0), [t, e]), C = o((r) => y(r) ? !1 : (e("user-contact", t(a.invalidEmailErrorMessage)), !0), [t, e]), E = o((r) => N(r) ? P(r) ? (e("password", t(a.passwordContainInvalidCharacterErrorMessage)), !0) : !x(r) && !(n(r) && u(r)) && !(n(r) && d(r)) && !(u(r) && d(r)) ? (e("password", t(a.passwordContainLetterNumberOrSymbolErrorMessage)), !0) : !1 : (e("password", t(a.passwordContainMinCharactersErrorMessage)), !0), [t, e]);
+  }, [t, e]), c = o((r) => r ? w(r) ? !1 : (e("vanityName", t(a.vanityNameInvalidErrorMessage)), !0) : (e("vanityName", t(a.vanityNameRequiredErrorMessage)), !0), [t, e]), f = o((r) => r.length ? !1 : (e("user-contact", t(a.emailRequiredErrorMessage)), !0), [t, e]), C = o((r) => y(r) ? !1 : (e("user-contact", t(a.invalidEmailErrorMessage)), !0), [t, e]), E = o((r) => N(r) ? P(r) ? (e("password", t(a.passwordContainInvalidCharacterErrorMessage)), !0) : !x(r) && !(i(r) && u(r)) && !(i(r) && d(r)) && !(u(r) && d(r)) ? (e("password", t(a.passwordContainLetterNumberOrSymbolErrorMessage)), !0) : !1 : (e("password", t(a.passwordContainMinCharactersErrorMessage)), !0), [t, e]);
   return {
     errors: l,
     validateExpiration: m,
@@ -24,7 +24,7 @@ const R = () => {
     validateVanityName: c,
     validateUserContact: C,
     validateUserSelector: f,
-    setErrors: i,
+    setErrors: n,
     setFieldError: e
   };
 };

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

@@ -1,58 +1,58 @@
-import { useState as L, useCallback as d } from "react";
-import { useFormValidation as N } from "./use-form-validation.js";
-import { useSharingAction as b } from "./use-sharing-action.js";
-import { getSharedLinkFormValidation as P } from "../utils/validation.js";
-import { useUnifiedShareModalContext as U } from "../contexts/unified-share-modal-context.js";
-const R = (t) => {
-  const [o, a] = L(t), {
+import { useState as N, useCallback as d } from "react";
+import { useFormValidation as b } from "./use-form-validation.js";
+import { useSharingAction as P } from "./use-sharing-action.js";
+import { getSharedLinkFormValidation as U } from "../utils/validation.js";
+import { useUnifiedShareModalContext as A } from "../contexts/unified-share-modal-context.js";
+const q = (t) => {
+  const [o, a] = N(t), {
     errors: l,
     setErrors: c,
     setFieldError: s,
     validateExpiration: u,
     validatePassword: n,
     validateVanityName: m
-  } = N(), {
-    sharedLink: {
-      permissions: p
-    },
-    sharingService: f
-  } = U(), {
-    updateSharedLink: E
+  } = b(), {
+    sharedLink: f,
+    sharingService: E
+  } = A(), {
+    settings: p
   } = f, {
-    isLoading: S,
+    updateSharedLink: S
+  } = E, {
+    isLoading: g,
     onAction: h
-  } = b(E, "update-shared-link"), V = d((r, e) => {
+  } = P(S, "update-shared-link"), V = d((r, e) => {
     a((i) => ({
       ...i,
       [r]: e
     }));
-  }, []), g = d(() => {
+  }, []), k = d(() => {
     a(t), c({});
-  }, [t, c, a]), k = d(async () => {
+  }, [t, c, a]), x = d(async () => {
     const {
       updatedFormData: r,
       shouldValidate: e
-    } = P(p, o, t), i = e.expiration && u(r.updatedExpiration), x = e.password && n(r.updatedPassword), y = e.vanityName && m(r.updatedVanityName);
-    if (i || x || y)
+    } = U(p, o, t), i = e.expiration && u(r.updatedExpiration), y = e.password && n(r.updatedPassword), v = e.vanityName && m(r.updatedVanityName);
+    if (i || y || v)
       return !0;
     try {
       await h(r);
-    } catch (v) {
-      return Object.entries(v).forEach(([w, F]) => s(w, F)), !0;
+    } catch (w) {
+      return Object.entries(w).forEach(([F, L]) => s(F, L)), !0;
     }
     return !1;
-  }, [o, t, p, h, s, u, n, m]);
+  }, [o, t, h, s, p, u, n, m]);
   return {
     errors: l,
     formData: o,
-    handleFormReset: g,
-    handleFormSubmit: k,
-    isUpdating: S,
+    handleFormReset: k,
+    handleFormSubmit: x,
+    isUpdating: g,
     setFieldError: s,
     setFieldValue: V,
     validatePassword: n
   };
 };
 export {
-  R as useLinkSettingsForm
+  q as useLinkSettingsForm
 };

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

@@ -1,26 +1,26 @@
 import { getAvatarBadgeSize as e, getDefaultCollaborationRole as t, getFirstInitial as r, isCollaboratorRoleSupported as i, isInvitationRoleSupported as s } from "./collaborator.js";
-import { formatDateFromTimestampToCalendarDate as n, formatDateFromTimestampToDateString as l, formatTomorrowDateToCalendarDate as m } from "./date.js";
+import { formatDateFromTimestampToCalendarDate as d, formatDateFromTimestampToDateString as l, formatTomorrowDateToCalendarDate as m } from "./date.js";
 import { callOnKeyboardEvent as p } from "./event.js";
 import { getAllowedAccessLevels as w } from "./permission.js";
-import { doesPasswordContainInvalidCharacter as D, doesPasswordContainLetter as x, doesPasswordContainMinCharacters as P, doesPasswordContainNumber as S, doesPasswordContainSymbol as T, getSharedLinkFormValidation as b, isEmailValid as c, isPasswordMixedCase as v, isVanityNameValid as u } from "./validation.js";
+import { doesPasswordContainInvalidCharacter as D, doesPasswordContainLetter as x, doesPasswordContainMinCharacters as P, doesPasswordContainMixedCase as S, doesPasswordContainNumber as T, doesPasswordContainSymbol as b, getSharedLinkFormValidation as c, isEmailValid as v, isVanityNameValid as u } from "./validation.js";
 export {
   p as callOnKeyboardEvent,
   D as doesPasswordContainInvalidCharacter,
   x as doesPasswordContainLetter,
   P as doesPasswordContainMinCharacters,
-  S as doesPasswordContainNumber,
-  T as doesPasswordContainSymbol,
-  n as formatDateFromTimestampToCalendarDate,
+  S as doesPasswordContainMixedCase,
+  T as doesPasswordContainNumber,
+  b as doesPasswordContainSymbol,
+  d as formatDateFromTimestampToCalendarDate,
   l as formatDateFromTimestampToDateString,
   m as formatTomorrowDateToCalendarDate,
   w as getAllowedAccessLevels,
   e as getAvatarBadgeSize,
   t as getDefaultCollaborationRole,
   r as getFirstInitial,
-  b as getSharedLinkFormValidation,
+  c as getSharedLinkFormValidation,
   i as isCollaboratorRoleSupported,
-  c as isEmailValid,
+  v as isEmailValid,
   s as isInvitationRoleSupported,
-  v as isPasswordMixedCase,
   u as isVanityNameValid
 };

package/dist/esm/lib/utils/validation.js

@@ -1,4 +1,4 @@
-const A = /^[a-zA-Z0-9-]{12,30}$/, C = /^[A-Z0-9._'%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i, P = (a) => A.test(a), f = (a) => a.length === 0 ? !0 : C.test(a), v = (a) => a.length >= 8, N = (a) => a.replace(/\D/g, "").length >= 1, V = (a) => a.replace(/\s/g, "").replace(/\w/g, "").length >= 1, y = (a) => /[a-zA-Z]/.test(a), x = (a) => /[a-z]/.test(a) && /[A-Z]/.test(a), D = (a) => /[\s<>]/.test(a), Z = (a, d, r) => {
+const m = /^[a-zA-Z0-9-]{12,30}$/, A = /^[A-Z0-9._'%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i, P = (a) => m.test(a), f = (a) => a.length === 0 ? !0 : A.test(a), v = (a) => a.length >= 8, N = (a) => a.replace(/\D/g, "").length >= 1, V = (a) => a.replace(/\s/g, "").replace(/\w/g, "").length >= 1, y = (a) => /[a-zA-Z]/.test(a), x = (a) => /[a-z]/.test(a) && /[A-Z]/.test(a), D = (a) => /[\s<>]/.test(a), Z = (a, d, r) => {
   const {
     expiration: l,
     isDownloadEnabled: u,
@@ -11,10 +11,10 @@ const A = /^[a-zA-Z0-9-]{12,30}$/, C = /^[A-Z0-9._'%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$
     canChangeDownload: p,
     canChangeExpiration: w,
     canChangeVanityName: E,
-    canChangePassword: b,
-    isDownloadAvailable: g,
-    isPasswordAvailable: h,
-    isVanityNameAvailable: m
+    canChangePassword: C,
+    isDownloadAvailable: b,
+    isPasswordAvailable: g,
+    isVanityNameAvailable: h
   } = a, e = {
     updatedExpiration: n ? l : 0,
     updatedPassword: s ? i : "",
@@ -25,7 +25,7 @@ const A = /^[a-zA-Z0-9-]{12,30}$/, C = /^[A-Z0-9._'%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$
     password: !1,
     vanityName: !1
   };
-  return w ? n && (t.expiration = !0) : e.updatedExpiration = void 0, !h || !b || r.isPasswordEnabled && !i ? e.updatedPassword = void 0 : s && (t.password = !0), !m || !E ? e.updatedVanityName = void 0 : o && (t.vanityName = !0), (!g || !p) && (e.updatedIsDownloadEnabled = void 0), {
+  return w ? n && (t.expiration = !0) : e.updatedExpiration = void 0, !g || !C || r.isPasswordEnabled && !i ? e.updatedPassword = void 0 : s && (t.password = !0), !h || !E ? e.updatedVanityName = void 0 : o && (t.vanityName = !0), (!b || !p) && (e.updatedIsDownloadEnabled = void 0), {
     updatedFormData: e,
     shouldValidate: t
   };
@@ -34,10 +34,10 @@ export {
   D as doesPasswordContainInvalidCharacter,
   y as doesPasswordContainLetter,
   v as doesPasswordContainMinCharacters,
+  x as doesPasswordContainMixedCase,
   N as doesPasswordContainNumber,
   V as doesPasswordContainSymbol,
   Z as getSharedLinkFormValidation,
   f as isEmailValid,
-  x as isPasswordMixedCase,
   P as isVanityNameValid
 };

package/dist/types/lib/stories/shared.d.ts

@@ -1,7 +1,7 @@
 import { UserContactType } from '@box/user-selector';
 import { UnifiedShareModalContextValue } from '../contexts';
 import { UnifiedShareModalProps } from '../unified-share-modal';
-import { CollaborationRole, Collaborator, Configuration, Item, SharedLink, SharedLinkPermissions } from '../types';
+import { CollaborationRole, Collaborator, Configuration, Item, SharedLink, SharedLinkSettings } from '../types';
 export declare const mockCollaborationRoles: CollaborationRole[];
 export declare const mockCollaborators: Collaborator[];
 export declare const mockCollaboratorsExtended: Collaborator[];
@@ -13,7 +13,7 @@ export declare const mockContactService: {
 };
 export declare const mockBoxFile: Item;
 export declare const mockBoxFolder: Item;
-export declare const mockSharedLinkPermissions: SharedLinkPermissions;
+export declare const mockSharedLinkSettings: SharedLinkSettings;
 export declare const mockSharedLink: SharedLink;
 export declare const useMockSharedLink: (sharedLinkArg: any) => {
     sharedLink: SharedLink;

package/dist/types/lib/types.d.ts

@@ -95,7 +95,7 @@ export interface Enterprise {
      */
     name?: string;
 }
-export interface SharedLinkPermissions {
+export interface SharedLinkSettings {
     canChangeDownload?: boolean;
     canChangeExpiration?: boolean;
     canChangePassword?: boolean;
@@ -110,7 +110,7 @@ export interface SharedLink {
     access?: AccessLevelType;
     accessLevels?: (AccessLevel | AccessLevelType)[];
     expiresAt?: number;
-    permissions?: SharedLinkPermissions;
+    settings?: SharedLinkSettings;
     url: string;
     vanityDomain?: string;
     vanityName?: string;

package/dist/types/lib/utils/validation.d.ts

@@ -4,9 +4,9 @@ export declare const doesPasswordContainMinCharacters: (password: string) => boo
 export declare const doesPasswordContainNumber: (password: string) => boolean;
 export declare const doesPasswordContainSymbol: (password: string) => boolean;
 export declare const doesPasswordContainLetter: (password: string) => boolean;
-export declare const isPasswordMixedCase: (password: string) => boolean;
+export declare const doesPasswordContainMixedCase: (password: string) => boolean;
 export declare const doesPasswordContainInvalidCharacter: (password: string) => boolean;
-export declare const getSharedLinkFormValidation: (permissions: any, formData: any, initialFormData: any) => {
+export declare const getSharedLinkFormValidation: (settings: any, formData: any, initialFormData: any) => {
     updatedFormData: {
         updatedExpiration: any;
         updatedPassword: any;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/unified-share-modal",
-    "version": "0.47.0",
+    "version": "0.47.2",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^9.18.13",
@@ -13,9 +13,9 @@
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^12.69.2",
+        "@box/blueprint-web": "^12.71.0",
         "@box/blueprint-web-assets": "^4.67.0",
-        "@box/copy-input": "^0.22.0",
+        "@box/copy-input": "^0.22.2",
         "@box/storybook-utils": "0.14.3",
         "@box/eslint-plugin-blueprint": "1.0.4",
         "react-intl": "^6.4.2"