@box/unified-share-modal 1.44.6 → 1.45.0

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

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

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

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

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

@@ -1,169 +1,89 @@
-import { useState as W, useEffect as X } from "react";
-import { useIntl as Y } from "react-intl";
-import { Modal as t, LoadingIndicator as Z, InlineNotice as $, Text as O, Link as ee } from "@box/blueprint-web";
-import { DownloadSection as ne } from "./download-section.js";
-import { ExpirationSection as ae } from "./expiration-section.js";
-import { PasswordSection as ie } from "./password-section.js";
-import { VanitySection as oe } from "./vanity-section.js";
-import i from "./messages.js";
-import { jsx as n, jsxs as h } from "react/jsx-runtime";
-import { useAccessLevels as te } from "../../hooks/use-access-levels.js";
-import { useSharedLinkSettingsContext as se } from "../../contexts/shared-link-settings-context.js";
-import { useUnifiedShareModalContext as re } from "../../contexts/unified-share-modal-context.js";
-import '../../../../styles/shared-link-settings-modal.css';const le = "_content_1r0kk_1", de = "_body_1r0kk_5", ce = "_loading_1r0kk_17", b = {
-  content: le,
-  body: de,
-  loading: ce
+import r from "clsx";
+import { useState as k, useEffect as w } from "react";
+import { useIntl as C } from "react-intl";
+import { Modal as i, LoadingIndicator as q, Divider as B } from "@box/blueprint-web";
+import { SharedLinkSettings as N } from "./shared-link-settings.js";
+import t from "./messages.js";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { useUnifiedShareModalContext as M } from "../../contexts/unified-share-modal-context.js";
+import { useSharedLinkSettingsContext as D } from "../../contexts/shared-link-settings-context.js";
+import '../../../../styles/shared-link-settings-modal.css';const I = "_content_1xw3q_1", j = "_isFullscreen_1xw3q_4", z = "_body_1xw3q_13", U = "_form_1xw3q_28", A = "_isLoading_1xw3q_35", E = "_loading_1xw3q_39", H = "_divider_1xw3q_50", e = {
+  content: I,
+  isFullscreen: j,
+  body: z,
+  form: U,
+  isLoading: A,
+  loading: E,
+  divider: H
 };
-function ke({
-  isOpen: d,
-  onOpenChange: p
+function X({
+  isOpen: s,
+  onOpenChange: m
 }) {
   const {
-    formatMessage: a
-  } = Y(), {
-    eventService: L,
-    isSubmitting: x,
-    sharedLink: E
-  } = re(), {
-    settings: N = {},
-    vanityDomain: D = ""
-  } = E, {
-    canChangeDownload: u,
-    canChangeExpiration: S,
-    canChangePassword: v,
-    canChangeVanityName: w,
-    isDownloadAvailable: F,
-    isPasswordAvailable: A,
-    isVanityNameAvailable: P
-  } = N, {
-    onSharedLinkSettingsClose: f,
-    onSharedLinkSettingsLoad: c
-  } = L, {
-    selectedAccess: B
-  } = te(), {
-    errors: g,
-    formData: o,
-    initialFormData: C,
-    isUpdating: T,
-    resetForm: y,
-    setFieldError: s,
-    setFieldValue: r,
-    submitForm: _,
-    validatePassword: I
-  } = se(), [m, V] = W(!!c);
-  X(() => {
-    (async () => c && (d && await c(), V(!d)))();
-  }, [d, c]);
-  const k = () => {
-    y(), f && f(), p(!1);
-  }, M = async () => {
-    await _() || (y(), p(!1));
-  }, j = (e) => {
-    s("expiration", void 0), r("isExpirationEnabled", e);
-  }, z = (e) => {
-    s("expiration", void 0), r("expiration", e);
-  }, U = (e) => {
-    s("vanityName", void 0), r("isVanityNameEnabled", e);
-  }, H = (e) => {
-    s("vanityName", void 0), r("vanityName", e.target.value);
-  }, q = (e) => {
-    s("password", void 0), r("isPasswordEnabled", e);
-  }, G = (e) => {
-    s("password", void 0), r("password", e.target.value);
-  }, J = (e) => {
-    r("isDownloadEnabled", e);
-  }, K = (e) => {
-    const R = document.getElementById("usm-SharedLinkSettingsModal-primaryButton")?.contains(e.relatedTarget);
-    C.isPasswordEnabled && !o.password || R || I(o.password);
-  }, l = x || T, Q = u && S && v && w;
-  return /* @__PURE__ */ n(t, {
-    onOpenChange: k,
-    open: d,
-    children: /* @__PURE__ */ h(t.Content, {
-      className: b.content,
+    formatMessage: n
+  } = C(), {
+    eventService: h,
+    isFetching: L,
+    isSubmitting: S,
+    variant: b
+  } = M(), {
+    onSharedLinkSettingsClose: g,
+    onSharedLinkSettingsLoad: a
+  } = h, l = b === "desktop", {
+    isUpdating: x,
+    resetForm: f,
+    submitForm: p
+  } = D(), [F, v] = k(!!a);
+  w(() => {
+    (async () => a && (s && await a(), v(!s)))();
+  }, [s, a]);
+  const u = () => {
+    f(), g && g(), m(!1);
+  }, y = async () => {
+    await p() || (f(), m(!1));
+  }, c = L ?? F, _ = S || x;
+  return /* @__PURE__ */ o(i, {
+    onOpenChange: u,
+    open: s,
+    children: /* @__PURE__ */ d(i.Content, {
+      className: r(e.content, l && e.isFullscreen),
       size: "medium",
-      children: [/* @__PURE__ */ n(t.Header, {
-        children: a(i.title)
-      }), /* @__PURE__ */ h(t.Body, {
-        className: b.body,
-        inert: m ? "" : null,
-        children: [m && /* @__PURE__ */ n("div", {
-          className: b.loading,
-          children: /* @__PURE__ */ n(Z, {
-            "aria-label": a(i.loadingLabel),
+      children: [/* @__PURE__ */ o(i.Header, {
+        children: n(t.title)
+      }), /* @__PURE__ */ d("div", {
+        className: r(e.form),
+        children: [c && /* @__PURE__ */ o("div", {
+          className: e.loading,
+          children: /* @__PURE__ */ o(q, {
+            "aria-label": n(t.loadingLabel),
             size: "large"
           })
-        }), !Q && /* @__PURE__ */ n($, {
-          variant: "warning",
-          variantIconAriaLabel: a(i.warningNoticeIconAriaLabel),
-          children: a(i.inaccessibleSettingsNotice)
-        }), /* @__PURE__ */ n(O, {
-          as: "p",
-          color: "textOnLightSecondary",
-          children: a(i.subtitle, {
-            learnSharedLinkSettingsLink: /* @__PURE__ */ n(ee, {
-              href: "https://support.box.com/hc/en-us/articles/360043697554-Configuring-Individual-Shared-Link-Settings",
-              rel: "noreferrer",
-              target: "_blank",
-              children: a(i.learnSharedLinkSettingsLink)
-            })
-          })
-        }), /* @__PURE__ */ n(ae, {
-          canChange: !!S,
-          error: g.expiration,
-          expiration: o.expiration,
-          isChecked: o.isExpirationEnabled,
-          isDisabled: l,
-          onChange: z,
-          onToggle: j
-        }), /* @__PURE__ */ n(ie, {
-          canChange: !!v,
-          error: g.password,
-          isAvailable: A && B?.id === "open",
-          isChecked: o.isPasswordEnabled,
-          isDefaultChecked: C.isPasswordEnabled,
-          isDisabled: l,
-          onBlur: K,
-          onChange: G,
-          onFocus: () => s("password", void 0),
-          onToggle: q,
-          password: o.password
-        }), /* @__PURE__ */ n(oe, {
-          canChange: !!w,
-          error: g.vanityName,
-          isAvailable: !!P,
-          isChecked: o.isVanityNameEnabled,
-          isDisabled: l,
-          onChange: H,
-          onToggle: U,
-          vanityDomain: D,
-          vanityName: o.vanityName
-        }), /* @__PURE__ */ n(ne, {
-          canChange: !!u,
-          isAvailable: !!F,
-          isChecked: o.isDownloadEnabled,
-          isDisabled: l,
-          onToggle: J
-        })]
-      }), !m && /* @__PURE__ */ h(t.Footer, {
-        children: [/* @__PURE__ */ n(t.Footer.SecondaryButton, {
-          disabled: l,
-          onClick: k,
-          children: a(i.cancelButton)
-        }), /* @__PURE__ */ n(t.Footer.PrimaryButton, {
-          id: "usm-SharedLinkSettingsModal-primaryButton",
-          loading: l,
-          loadingAriaLabel: a(i.loadingLabel),
-          onClick: M,
-          children: a(i.saveButton)
+        }), /* @__PURE__ */ d(i.Body, {
+          className: r(e.body, c && e.isLoading),
+          children: [l && /* @__PURE__ */ o(B, {
+            className: e.divider
+          }), /* @__PURE__ */ o(N, {})]
+        }), /* @__PURE__ */ d(i.Footer, {
+          className: r(c && e.isLoading),
+          children: [/* @__PURE__ */ o(i.Footer.SecondaryButton, {
+            disabled: _,
+            onClick: u,
+            children: n(t.cancelButton)
+          }), /* @__PURE__ */ o(i.Footer.PrimaryButton, {
+            id: "usm-SharedLinkSettingsModal-primaryButton",
+            loading: _,
+            loadingAriaLabel: n(t.loadingLabel),
+            onClick: y,
+            children: n(t.saveButton)
+          })]
         })]
-      }), /* @__PURE__ */ n(t.Close, {
-        "aria-label": a(i.closeButton)
+      }), !l && /* @__PURE__ */ o(i.Close, {
+        "aria-label": n(t.closeButton)
       })]
     })
   });
 }
 export {
-  ke as SharedLinkSettingsModal
+  X as SharedLinkSettingsModal
 };

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

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