@box/unified-share-modal 1.52.0 → 1.52.2

package/dist/esm/lib/components/remove-collaborator-modal/remove-collaborator-modal.js

@@ -1,79 +1,82 @@
 import x from "clsx";
-import { useEffect as B } from "react";
-import { useIntl as C } from "react-intl";
+import C from "lodash/noop";
+import { useEffect as F } from "react";
+import { useIntl as B } from "react-intl";
 import { Modal as o, Divider as S, Text as k } from "@box/blueprint-web";
-import i from "./messages.js";
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { useUnifiedShareModalContext as M } from "../../contexts/unified-share-modal-context.js";
-import { useSharingAction as w } from "../../hooks/use-sharing-action.js";
-import '../../../../styles/remove-collaborator-modal.css';const A = "_content_166yb_1", D = "_isFullscreen_166yb_1", L = "_body_166yb_10", N = "_divider_166yb_17", r = {
-  content: A,
-  isFullscreen: D,
-  body: L,
+import n from "./messages.js";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { useUnifiedShareModalContext as w } from "../../contexts/unified-share-modal-context.js";
+import { useSharingAction as D } from "../../hooks/use-sharing-action.js";
+import '../../../../styles/remove-collaborator-modal.css';const M = "_content_166yb_1", P = "_isFullscreen_166yb_1", A = "_body_166yb_10", N = "_divider_166yb_17", i = {
+  content: M,
+  isFullscreen: P,
+  body: A,
   divider: N
 };
-function U({
-  isOpen: n,
+function q({
+  isOpen: l,
   onOpenChange: s
 }) {
   const {
     formatMessage: t
-  } = C(), {
-    collaborator: c,
-    isSubmitting: u,
+  } = B(), {
+    collaborator: m,
+    isSubmitting: r,
     sharingService: f,
-    setCollaborator: d,
+    setCollaborator: u,
     variant: y
-  } = M(), {
-    email: v,
-    name: _
-  } = c ?? {}, {
-    removeCollaborator: m
-  } = f, l = y === "desktop";
-  B(() => {
-    n || d(null);
-  }, [n, d]);
-  const h = async () => {
-    m && (await m(c), s(!1), await new Promise((F) => setTimeout(F)));
+  } = w(), {
+    email: p,
+    name: h
+  } = m ?? {}, {
+    removeCollaborator: b
+  } = f, a = y === "desktop";
+  F(() => {
+    l || u(null);
+  }, [l, u]);
+  const v = async () => {
+    b && (await b(m), s(!1), await new Promise((c) => setTimeout(c)));
   }, {
-    isLoading: p,
-    onAction: g
-  } = w(h, "remove-collaborator"), b = u ?? p;
+    onAction: _
+  } = D(v, "remove-collaborator"), g = (c) => {
+    c.preventDefault();
+  };
   return /* @__PURE__ */ e(o, {
-    onOpenChange: s,
-    open: n,
-    children: /* @__PURE__ */ a(o.Content, {
-      className: x(r.content, l && r.isFullscreen),
+    onOpenChange: r ? C : s,
+    open: l,
+    children: /* @__PURE__ */ d(o.Content, {
+      className: x(i.content, a && i.isFullscreen),
+      onPointerDownOutside: g,
       size: "small",
       children: [/* @__PURE__ */ e(o.Header, {
-        children: t(i.title)
-      }), /* @__PURE__ */ a(o.Body, {
-        className: r.body,
-        children: [l && /* @__PURE__ */ e(S, {
-          className: r.divider
+        children: t(n.title)
+      }), /* @__PURE__ */ d(o.Body, {
+        className: i.body,
+        children: [a && /* @__PURE__ */ e(S, {
+          className: i.divider
         }), /* @__PURE__ */ e(k, {
           as: "p",
-          children: t(i.bodyText, {
-            name: v || _
+          children: t(n.bodyText, {
+            name: p || h
           })
         })]
-      }), /* @__PURE__ */ a(o.Footer, {
+      }), /* @__PURE__ */ d(o.Footer, {
         children: [/* @__PURE__ */ e(o.Footer.SecondaryButton, {
-          disabled: b,
+          disabled: r,
           onClick: () => s(!1),
-          children: t(i.cancelButton)
+          children: t(n.cancelButton)
         }), /* @__PURE__ */ e(o.Footer.PrimaryButton, {
-          loading: b,
-          loadingAriaLabel: t(i.loadingLabel),
-          onClick: g,
-          children: t(i.okayButton)
+          loading: r,
+          loadingAriaLabel: t(n.loadingLabel),
+          onClick: _,
+          children: t(n.okayButton)
         })]
-      }), !l && /* @__PURE__ */ e(o.Close, {
-        "aria-label": t(i.closeButton)
+      }), !r && !a && /* @__PURE__ */ e(o.Close, {
+        "aria-label": t(n.closeButton)
       })]
     })
   });
 }
 export {
-  U as RemoveCollaboratorModal
+  q as RemoveCollaboratorModal
 };

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

@@ -1,67 +1,70 @@
 import p from "clsx";
-import { useIntl as g } from "react-intl";
-import { Modal as e, Divider as k, Text as v } from "@box/blueprint-web";
-import i from "./messages.js";
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import { useUnifiedShareModalContext as F } from "../../contexts/unified-share-modal-context.js";
-import { useSharingAction as S } from "../../hooks/use-sharing-action.js";
-import '../../../../styles/remove-collaborator-modal.css';const x = "_content_166yb_1", B = "_isFullscreen_166yb_1", D = "_body_166yb_10", L = "_divider_166yb_17", n = {
-  content: x,
+import _ from "lodash/noop";
+import { useIntl as v } from "react-intl";
+import { Modal as e, Divider as k, Text as S } from "@box/blueprint-web";
+import n from "./messages.js";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { useUnifiedShareModalContext as g } from "../../contexts/unified-share-modal-context.js";
+import { useSharingAction as x } from "../../hooks/use-sharing-action.js";
+import '../../../../styles/remove-collaborator-modal.css';const F = "_content_166yb_1", B = "_isFullscreen_166yb_1", D = "_body_166yb_10", w = "_divider_166yb_17", s = {
+  content: F,
   isFullscreen: B,
   body: D,
-  divider: L
+  divider: w
 };
-function P({
-  isOpen: d,
-  onOpenChange: s
+function z({
+  isOpen: m,
+  onOpenChange: r
 }) {
   const {
     formatMessage: t
-  } = g(), {
-    isSubmitting: m,
+  } = v(), {
+    isSubmitting: i,
     sharingService: u,
     variant: b
-  } = F(), {
-    deleteSharedLink: a
-  } = u, r = b === "desktop", y = async () => {
-    a && (await a(), s(!1), await new Promise((_) => setTimeout(_)));
+  } = g(), {
+    deleteSharedLink: c
+  } = u, l = b === "desktop", f = async () => {
+    c && (await c(), r(!1), await new Promise((a) => setTimeout(a)));
   }, {
-    isLoading: f,
     onAction: h
-  } = S(y, "delete-shared-link"), c = m ?? f;
+  } = x(f, "delete-shared-link"), y = (a) => {
+    a.preventDefault();
+  };
   return /* @__PURE__ */ o(e, {
-    onOpenChange: s,
-    open: d,
-    children: /* @__PURE__ */ l(e.Content, {
-      className: p(n.content, r && n.isFullscreen),
+    onOpenChange: i ? _ : r,
+    open: m,
+    children: /* @__PURE__ */ d(e.Content, {
+      className: p(s.content, l && s.isFullscreen),
+      onPointerDownOutside: y,
       size: "small",
       children: [/* @__PURE__ */ o(e.Header, {
-        children: t(i.title)
-      }), /* @__PURE__ */ l(e.Body, {
-        className: n.body,
-        children: [r && /* @__PURE__ */ o(k, {
-          className: n.divider
-        }), /* @__PURE__ */ o(v, {
+        children: t(n.title)
+      }), /* @__PURE__ */ d(e.Body, {
+        className: s.body,
+        children: [l && /* @__PURE__ */ o(k, {
+          className: s.divider
+        }), /* @__PURE__ */ o(S, {
           as: "p",
-          children: t(i.bodyText)
+          children: t(n.bodyText)
         })]
-      }), /* @__PURE__ */ l(e.Footer, {
+      }), /* @__PURE__ */ d(e.Footer, {
         children: [/* @__PURE__ */ o(e.Footer.SecondaryButton, {
-          disabled: c,
-          onClick: () => s(!1),
-          children: t(i.cancelButton)
+          disabled: i,
+          onClick: () => r(!1),
+          children: t(n.cancelButton)
         }), /* @__PURE__ */ o(e.Footer.PrimaryButton, {
-          loading: c,
-          loadingAriaLabel: t(i.loadingLabel),
+          loading: i,
+          loadingAriaLabel: t(n.loadingLabel),
           onClick: h,
-          children: t(i.okayButton)
+          children: t(n.okayButton)
         })]
-      }), !r && /* @__PURE__ */ o(e.Close, {
-        "aria-label": t(i.closeButton)
+      }), !i && !l && /* @__PURE__ */ o(e.Close, {
+        "aria-label": t(n.closeButton)
       })]
     })
   });
 }
 export {
-  P as RemoveSharedLinkModal
+  z as RemoveSharedLinkModal
 };

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

@@ -1,95 +1,93 @@
-import d from "clsx";
-import { useState as N, useEffect as x } from "react";
-import { useIntl as D } from "react-intl";
-import { Modal as i, LoadingIndicator as M, Divider as w } from "@box/blueprint-web";
-import { SharedLinkSettings as I } from "./shared-link-settings.js";
+import l from "clsx";
+import { useState as k, useEffect as C } from "react";
+import { useIntl as F } from "react-intl";
+import { Modal as i, LoadingIndicator as B, Divider as N } from "@box/blueprint-web";
+import { SharedLinkSettings as x } from "./shared-link-settings.js";
 import t from "./messages.js";
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { ClassificationStatus as P } from "../classification-status/classification-status.js";
-import { useUnifiedShareModalContext as j } from "../../contexts/unified-share-modal-context.js";
-import { useSharedLinkSettingsContext as z } from "../../contexts/shared-link-settings-context.js";
-import '../../../../styles/shared-link-settings-modal.css';const U = "_content_1bhek_1", A = "_isFullscreen_1bhek_4", E = "_body_1bhek_13", H = "_header_1bhek_17", q = "_form_1bhek_34", G = "_isLoading_1bhek_41", J = "_loading_1bhek_45", K = "_divider_1bhek_53", o = {
-  content: U,
-  isFullscreen: A,
-  body: E,
-  header: H,
-  form: q,
-  isLoading: G,
-  loading: J,
-  divider: K
+import { ClassificationStatus as D } from "../classification-status/classification-status.js";
+import { useUnifiedShareModalContext as M } from "../../contexts/unified-share-modal-context.js";
+import { useSharedLinkSettingsContext as w } from "../../contexts/shared-link-settings-context.js";
+import '../../../../styles/shared-link-settings-modal.css';const I = "_content_1dmg4_1", P = "_isFullscreen_1dmg4_4", j = "_body_1dmg4_13", z = "_header_1dmg4_17", A = "_form_1dmg4_35", E = "_isLoading_1dmg4_42", H = "_loading_1dmg4_46", U = "_divider_1dmg4_54", o = {
+  content: I,
+  isFullscreen: P,
+  body: j,
+  header: z,
+  form: A,
+  isLoading: E,
+  loading: H,
+  divider: U
 };
-function ee({
+function Y({
   isOpen: a,
-  onOpenChange: m
+  onOpenChange: g
 }) {
   const {
     formatMessage: n
-  } = D(), {
-    eventService: _,
-    isFetching: b,
-    isSubmitting: L,
+  } = F(), {
+    eventService: h,
+    isSubmitting: r,
     variant: S
-  } = j(), {
-    onSharedLinkSettingsClose: h,
-    onSharedLinkSettingsLoad: r
-  } = _, l = S === "desktop", {
-    isUpdating: k,
-    resetForm: g,
-    submitForm: p
-  } = z(), [v, F] = N(!!r);
-  x(() => {
-    (async () => r && (a && await r(), F(!a)))();
-  }, [a, r]);
-  const f = () => {
-    g(), h && h(), m(!1);
-  }, y = async () => {
-    await p() || (g(), m(!1));
-  }, C = (B) => {
-    B.preventDefault();
-  }, c = b || v, u = L || k;
+  } = M(), {
+    onSharedLinkSettingsClose: f,
+    onSharedLinkSettingsLoad: d
+  } = h, c = S === "desktop", {
+    resetForm: u,
+    submitForm: L
+  } = w(), [m, b] = k(!!d);
+  C(() => {
+    (async () => d && (a && await d(), b(!a)))();
+  }, [a, d]);
+  const _ = () => {
+    r || (u(), f && f(), g(!1));
+  }, p = async () => {
+    await L() || (u(), g(!1));
+  }, v = (y) => {
+    y.preventDefault();
+  };
   return /* @__PURE__ */ e(i, {
-    onOpenChange: f,
+    onOpenChange: _,
     open: a,
     children: /* @__PURE__ */ s(i.Content, {
-      className: d(o.content, l && o.isFullscreen),
-      onPointerDownOutside: C,
+      className: l(o.content, c && o.isFullscreen),
+      onPointerDownOutside: v,
       size: "medium",
       children: [/* @__PURE__ */ s(i.Header, {
         className: o.header,
-        children: [n(t.title), /* @__PURE__ */ e(P, {})]
+        children: [n(t.title), /* @__PURE__ */ e(D, {})]
       }), /* @__PURE__ */ s("div", {
-        className: d(o.form),
-        children: [c && /* @__PURE__ */ e("div", {
+        className: l(o.form),
+        children: [m && /* @__PURE__ */ e("div", {
           className: o.loading,
-          children: /* @__PURE__ */ e(M, {
+          children: /* @__PURE__ */ e(B, {
             "aria-label": n(t.loadingLabel),
             size: "large"
           })
         }), /* @__PURE__ */ s(i.Body, {
-          className: d(o.body, c && o.isLoading),
-          children: [l && /* @__PURE__ */ e(w, {
+          className: l(o.body, m && o.isLoading),
+          children: [c && /* @__PURE__ */ e(N, {
             className: o.divider
-          }), /* @__PURE__ */ e(I, {})]
+          }), /* @__PURE__ */ e(x, {})]
         }), /* @__PURE__ */ s(i.Footer, {
-          className: d(c && o.isLoading),
+          className: l(m && o.isLoading),
           children: [/* @__PURE__ */ e(i.Footer.SecondaryButton, {
-            disabled: u,
-            onClick: f,
+            disabled: r,
+            onClick: _,
             children: n(t.cancelButton)
           }), /* @__PURE__ */ e(i.Footer.PrimaryButton, {
             id: "usm-SharedLinkSettingsModal-primaryButton",
-            loading: u,
+            loading: r,
             loadingAriaLabel: n(t.loadingLabel),
-            onClick: y,
+            onClick: p,
             children: n(t.saveButton)
           })]
         })]
-      }), !l && /* @__PURE__ */ e(i.Close, {
+      }), !r && !c && /* @__PURE__ */ e(i.Close, {
         "aria-label": n(t.closeButton)
       })]
     })
   });
 }
 export {
-  ee as SharedLinkSettingsModal
+  Y as SharedLinkSettingsModal
 };

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

@@ -1,46 +1,45 @@
-import { useMemo as I } from "react";
-import { useIntl as M } from "react-intl";
-import { InlineNotice as B, Text as O, Link as j } from "@box/blueprint-web";
-import { DownloadSection as U } from "./download-section.js";
-import { ExpirationSection as _ } from "./expiration-section.js";
-import { PasswordSection as q } from "./password-section.js";
-import { VanitySection as z } from "./vanity-section.js";
+import { useMemo as V } from "react";
+import { useIntl as F } from "react-intl";
+import { InlineNotice as I, Text as M, Link as B } from "@box/blueprint-web";
+import { DownloadSection as O } from "./download-section.js";
+import { ExpirationSection as j } from "./expiration-section.js";
+import { PasswordSection as U } from "./password-section.js";
+import { VanitySection as _ } from "./vanity-section.js";
 import n from "./messages.js";
-import { jsxs as G, Fragment as H, jsx as s } from "react/jsx-runtime";
-import { useAccessLevels as J } from "../../hooks/use-access-levels.js";
-import { useSharedLinkSettingsContext as K } from "../../contexts/shared-link-settings-context.js";
-import { useUnifiedShareModalContext as Q } from "../../contexts/unified-share-modal-context.js";
-function re() {
+import { jsxs as q, Fragment as z, jsx as s } from "react/jsx-runtime";
+import { useAccessLevels as G } from "../../hooks/use-access-levels.js";
+import { useSharedLinkSettingsContext as H } from "../../contexts/shared-link-settings-context.js";
+import { useUnifiedShareModalContext as J } from "../../contexts/unified-share-modal-context.js";
+function se() {
   const {
     formatMessage: t
-  } = M(), {
-    isSubmitting: u,
-    sharedLink: w
-  } = Q(), {
-    settings: v = {},
-    vanityDomain: C = ""
-  } = w, {
+  } = F(), {
+    isSubmitting: r,
+    sharedLink: b
+  } = J(), {
+    settings: w = {},
+    vanityDomain: v = ""
+  } = b, {
     canChangeDownload: c,
     canChangeExpiration: g,
     canChangePassword: m,
-    canChangeVanityName: p,
-    isDownloadAvailable: f,
-    isPasswordAvailable: S,
-    isVanityNameAvailable: E
-  } = v, {
-    selectedAccess: r
-  } = J(), {
+    canChangeVanityName: h,
+    isDownloadAvailable: C,
+    isPasswordAvailable: f,
+    isVanityNameAvailable: S
+  } = w, {
+    selectedAccess: l
+  } = G(), {
     errors: d,
     formData: a,
-    initialFormData: h,
-    isUpdating: x,
+    initialFormData: p,
     setFieldError: i,
     setFieldValue: o,
-    validatePassword: y
-  } = K(), b = I(() => {
-    if (!r)
+    validatePassword: E
+  } = H(), u = V(() => {
+    if (!l)
       return null;
-    switch (r.id) {
+    switch (l.id) {
       case "collaborators":
         return n.subtitleCollaborators;
       case "open":
@@ -50,79 +49,79 @@ function re() {
       default:
         return null;
     }
-  }, [a.isDownloadEnabled, r]), D = (e) => {
+  }, [a.isDownloadEnabled, l]), x = (e) => {
     i("expiration", void 0), o("isExpirationEnabled", e);
-  }, k = (e) => {
+  }, y = (e) => {
     i("expiration", void 0), o("expiration", e);
-  }, N = (e) => {
+  }, D = (e) => {
     i("vanityName", void 0), o("isVanityNameEnabled", e);
-  }, L = (e) => {
+  }, k = (e) => {
     i("vanityName", void 0), o("vanityName", e.target.value);
-  }, A = (e) => {
+  }, N = (e) => {
     i("password", void 0), o("isPasswordEnabled", e);
-  }, P = (e) => {
+  }, L = (e) => {
     i("password", void 0), o("password", e.target.value);
-  }, T = (e) => {
+  }, A = (e) => {
     o("isDownloadEnabled", e);
-  }, V = (e) => {
-    const F = document.getElementById("usm-SharedLinkSettingsModal-primaryButton")?.contains(e.relatedTarget);
-    h.isPasswordEnabled && !a.password || F || y(a.password);
-  }, l = u || x;
-  return /* @__PURE__ */ G(H, {
-    children: [!(c && g && m && p) && /* @__PURE__ */ s(B, {
+  }, P = (e) => {
+    const T = document.getElementById("usm-SharedLinkSettingsModal-primaryButton")?.contains(e.relatedTarget);
+    p.isPasswordEnabled && !a.password || T || E(a.password);
+  };
+  return /* @__PURE__ */ q(z, {
+    children: [!(c && g && m && h) && /* @__PURE__ */ s(I, {
       variant: "warning",
       variantIconAriaLabel: t(n.warningNoticeIconAriaLabel),
       children: t(n.inaccessibleSettingsNotice)
-    }), b && /* @__PURE__ */ s(O, {
+    }), u && /* @__PURE__ */ s(M, {
       as: "p",
       color: "textOnLightSecondary",
-      children: t(b, {
-        learnSharedLinkSettingsLink: /* @__PURE__ */ s(j, {
+      children: t(u, {
+        learnSharedLinkSettingsLink: /* @__PURE__ */ s(B, {
           href: "https://support.box.com/hc/en-us/articles/360043697554-Configuring-Individual-Shared-Link-Settings",
           rel: "noreferrer",
           target: "_blank",
           children: t(n.learnSharedLinkSettingsLink)
         })
       })
-    }), /* @__PURE__ */ s(_, {
+    }), /* @__PURE__ */ s(j, {
       canChange: !!g,
       error: d.expiration,
       expiration: a.expiration,
       isChecked: a.isExpirationEnabled,
-      isDisabled: l,
-      onChange: k,
-      onToggle: D
-    }), /* @__PURE__ */ s(q, {
+      isDisabled: r,
+      onChange: y,
+      onToggle: x
+    }), /* @__PURE__ */ s(U, {
       canChange: !!m,
       error: d.password,
-      isAvailable: S && r?.id === "open",
+      isAvailable: f && l?.id === "open",
       isChecked: a.isPasswordEnabled,
-      isDefaultChecked: h.isPasswordEnabled,
-      isDisabled: l,
-      onBlur: V,
-      onChange: P,
+      isDefaultChecked: p.isPasswordEnabled,
+      isDisabled: r,
+      onBlur: P,
+      onChange: L,
       onFocus: () => i("password", void 0),
-      onToggle: A,
+      onToggle: N,
       password: a.password
-    }), /* @__PURE__ */ s(z, {
-      canChange: !!p,
+    }), /* @__PURE__ */ s(_, {
+      canChange: !!h,
       error: d.vanityName,
-      isAvailable: !!E,
+      isAvailable: !!S,
       isChecked: a.isVanityNameEnabled,
-      isDisabled: l,
-      onChange: L,
-      onToggle: N,
-      vanityDomain: C,
+      isDisabled: r,
+      onChange: k,
+      onToggle: D,
+      vanityDomain: v,
       vanityName: a.vanityName
-    }), /* @__PURE__ */ s(U, {
+    }), /* @__PURE__ */ s(O, {
       canChange: !!c,
-      isAvailable: !!f,
+      isAvailable: !!C,
       isChecked: a.isDownloadEnabled,
-      isDisabled: l,
-      onToggle: T
+      isDisabled: r,
+      onToggle: A
     })]
   });
 }
 export {
-  re as SharedLinkSettings
+  se as SharedLinkSettings
 };