@box/unified-share-modal 0.49.0 → 0.50.0

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

@@ -31,7 +31,7 @@ const t = e({
   // Link Expiration settings
   linkExpirationCalendarAriaLabel: {
     id: "groupSharedFeatures.usm.sharedLinkSettingsModal.linkExpirationCalendarAriaLabel",
-    defaultMessage: "Select your shared link expiration date"
+    defaultMessage: "Select an expiration date"
   },
   linkExpirationClearDatePickerAriaLabel: {
     id: "groupSharedFeatures.usm.sharedLinkSettingsModal.linkExpirationClearDatePickerAriaLabel",
@@ -58,10 +58,6 @@ const t = e({
     defaultMessage: "Link expiration"
   },
   // Vanity Domain Settings
-  vanityNameInvalidError: {
-    id: "groupSharedFeatures.usm.sharedLinkSettingsModal.vanityNameInvalidError",
-    defaultMessage: "Custom URLs should be between 12-30 characters, and can include letters, numbers, and hyphens."
-  },
   vanityNameToggleText: {
     id: "groupSharedFeatures.usm.sharedLinkSettingsModal.vanityNameToggleText",
     defaultMessage: "Publish content broadly with a custom, non-private URL"
@@ -98,7 +94,7 @@ const t = e({
   },
   passwordWarningText: {
     id: "groupSharedFeatures.usm.sharedLinkSettingsModal.passwordWarningText",
-    defaultMessage: "Your password should include at least 8 characters, and should contain at least one upper case letter, number, or special character."
+    defaultMessage: "Passwords must include at least 8 characters, and must contain at least one upper case letter, number, or special character."
   }
 });
 export {

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

@@ -1,78 +1,78 @@
-import { useMemo as G } from "react";
-import { useIntl as J } from "react-intl";
-import { Modal as r, Text as C, Link as K, Switch as c, DateI18nProvider as Q, DatePicker as X, InlineNotice as k, TextInput as L } from "@box/blueprint-web";
+import { useMemo as H } from "react";
+import { useIntl as q } from "react-intl";
+import { Modal as r, Text as C, Link as G, Switch as h, DateI18nProvider as J, DatePicker as K, InlineNotice as E, TextInput as k } from "@box/blueprint-web";
 import e from "./messages.js";
-import { jsx as n, jsxs as d, Fragment as N } from "react/jsx-runtime";
-import { useAccessLevels as Z } from "../../hooks/use-access-levels.js";
-import { formatDateFromTimestampToCalendarDate as aa, formatTomorrowDateToCalendarDate as ea } from "../../utils/date.js";
-import { useLinkSettingsForm as na } from "../../hooks/use-link-settings-form.js";
-import { useUnifiedShareModalContext as ia } from "../../contexts/unified-share-modal-context.js";
-import '../../../../styles/shared-link-settings-modal.css';const oa = "_content_1wiic_1", ta = "_body_1wiic_5", S = {
-  content: oa,
-  body: ta
-}, ra = "••••••••";
-function ua({
-  isOpen: P,
+import { jsx as n, jsxs as d, Fragment as L } from "react/jsx-runtime";
+import { useAccessLevels as Q } from "../../hooks/use-access-levels.js";
+import { formatDateFromTimestampToCalendarDate as X, formatTomorrowDateToCalendarDate as Y } from "../../utils/date.js";
+import { useLinkSettingsForm as Z } from "../../hooks/use-link-settings-form.js";
+import { useUnifiedShareModalContext as aa } from "../../contexts/unified-share-modal-context.js";
+import '../../../../styles/shared-link-settings-modal.css';const ea = "_content_1wiic_1", na = "_body_1wiic_5", S = {
+  content: ea,
+  body: na
+}, ia = "••••••••";
+function ga({
+  isOpen: D,
   onOpenChange: m
 }) {
   const {
     formatMessage: a
-  } = J(), {
-    eventService: D,
-    isSubmitting: T,
+  } = q(), {
+    eventService: N,
+    isSubmitting: P,
     sharedLink: f
-  } = ia(), {
-    expiresAt: w,
+  } = aa(), {
+    expiresAt: c = 0,
     settings: i = {},
-    vanityDomain: A,
-    vanityName: h
+    vanityDomain: T = "",
+    vanityName: g = ""
   } = f, {
-    onSharedLinkSettingsClose: v
-  } = D, {
-    selectedAccess: g
-  } = Z(), b = w ? aa(w) : null, p = G(() => ({
-    expiration: b,
+    onSharedLinkSettingsClose: w
+  } = N, {
+    selectedAccess: b
+  } = Q(), p = H(() => ({
+    expiration: c ? X(c) : null,
     isDownloadEnabled: !!i.isDownloadEnabled,
-    isExpirationEnabled: !!b,
+    isExpirationEnabled: !!c,
     isPasswordEnabled: !!i.isPasswordEnabled,
-    isVanityNameEnabled: !!h,
+    isVanityNameEnabled: !!g,
     password: "",
-    vanityName: h || ""
-  }), [b, i, h]), {
+    vanityName: g
+  }), [c, i, g]), {
     errors: u,
     formData: t,
-    handleFormReset: y,
-    handleFormSubmit: I,
-    isUpdating: F,
+    handleFormReset: v,
+    handleFormSubmit: A,
+    isUpdating: I,
     setFieldError: l,
     setFieldValue: s,
-    validatePassword: V
-  } = na(p), B = () => {
-    y(), v && v(), m(!1);
-  }, M = async () => {
-    await I() || (y(), m(!1));
-  }, _ = (o) => {
+    validatePassword: F
+  } = Z(p), V = () => {
+    v(), w && w(), m(!1);
+  }, B = async () => {
+    await A() || (v(), m(!1));
+  }, M = (o) => {
     l("expiration", void 0), s("isExpirationEnabled", o);
-  }, U = (o) => {
+  }, _ = (o) => {
     l("expiration", void 0), s("expiration", o);
-  }, R = (o) => {
+  }, U = (o) => {
     l("vanityName", void 0), s("isVanityNameEnabled", o);
-  }, W = (o) => {
+  }, O = (o) => {
     l("vanityName", void 0), s("vanityName", o.target.value);
-  }, j = (o) => {
+  }, R = (o) => {
     l("password", void 0), s("isPasswordEnabled", o);
-  }, O = (o) => {
+  }, W = (o) => {
     l("password", void 0), s("password", o.target.value);
-  }, $ = (o) => {
+  }, j = (o) => {
     s("isDownloadEnabled", o);
-  }, z = (o) => {
-    var E;
-    const q = (E = document.getElementById("usm-SharedLinkSettingsModal-primaryButton")) == null ? void 0 : E.contains(o.relatedTarget);
-    p.isPasswordEnabled && !t.password || q || V(t.password);
-  }, H = i.canChangeVanityName && !!t.vanityName, Y = `${A || ""}${t.vanityName}`, x = T || F;
+  }, $ = (o) => {
+    var y;
+    const z = (y = document.getElementById("usm-SharedLinkSettingsModal-primaryButton")) == null ? void 0 : y.contains(o.relatedTarget);
+    p.isPasswordEnabled && !t.password || z || F(t.password);
+  }, x = P || I;
   return /* @__PURE__ */ n(r, {
     onOpenChange: m,
-    open: P,
+    open: D,
     children: /* @__PURE__ */ d(r.Content, {
       className: S.content,
       size: "medium",
@@ -84,99 +84,99 @@ function ua({
           as: "p",
           color: "textOnLightSecondary",
           children: a(e.subtitle, {
-            learnSharedLinkSettingsLink: /* @__PURE__ */ n(K, {
+            learnSharedLinkSettingsLink: /* @__PURE__ */ n(G, {
               href: "https://support.box.com/hc/en-us/articles/360043697554-Configuring-Individual-Shared-Link-Settings",
               rel: "noreferrer",
               target: "_blank",
               children: a(e.learnSharedLinkSettingsLink)
             })
           })
-        }), /* @__PURE__ */ n(c.Item, {
+        }), /* @__PURE__ */ n(h.Item, {
           checked: t.isExpirationEnabled,
           disabled: !i.canChangeExpiration,
           label: a(e.linkExpirationToggleText),
-          onCheckedChange: _,
+          onCheckedChange: M,
           value: "link-expiration-settings"
         }), t.isExpirationEnabled && // Get the locale from the user's operating system settings
-        /* @__PURE__ */ n(Q, {
+        /* @__PURE__ */ n(J, {
           locale: navigator.language || "en-US",
-          children: /* @__PURE__ */ n(X, {
+          children: /* @__PURE__ */ n(K, {
             calendarAriaLabel: a(e.linkExpirationCalendarAriaLabel),
             clearDatePickerAriaLabel: a(e.linkExpirationClearDatePickerAriaLabel),
             error: u.expiration,
             hideLabel: !0,
             isDisabled: !i.canChangeExpiration,
             label: a(e.linkExpirationDatePickerLabel),
-            minValue: ea(),
+            minValue: Y(),
             nextMonthAriaLabel: a(e.linkExpirationNextMonthAriaLabel),
-            onChange: U,
+            onChange: _,
             openCalendarDropdownAriaLabel: a(e.linkExpirationOpenCalendarDropdownAriaLabel),
             previousMonthAriaLabel: a(e.linkExpirationPreviousMonthAriaLabel),
             value: t.expiration
           })
-        }), i.isPasswordAvailable && (g == null ? void 0 : g.id) === "open" && /* @__PURE__ */ n(c.Item, {
+        }), i.isPasswordAvailable && (b == null ? void 0 : b.id) === "open" && /* @__PURE__ */ n(h.Item, {
           checked: t.isPasswordEnabled,
           disabled: !i.canChangePassword,
           label: a(e.passwordToggleText),
-          onCheckedChange: j,
+          onCheckedChange: R,
           value: "password-settings"
-        }), t.isPasswordEnabled && /* @__PURE__ */ d(N, {
-          children: [i.canChangePassword && /* @__PURE__ */ n(k, {
+        }), t.isPasswordEnabled && /* @__PURE__ */ d(L, {
+          children: [i.canChangePassword && /* @__PURE__ */ n(E, {
             variant: "warning",
             variantIconAriaLabel: a(e.warningNoticeIconAriaLabel),
             children: a(e.passwordWarningText)
-          }), /* @__PURE__ */ n(L, {
+          }), /* @__PURE__ */ n(k, {
             disabled: !i.canChangePassword,
             error: u.password,
             hideLabel: !0,
             label: a(e.passwordToggleText),
-            onBlur: z,
-            onChange: O,
+            onBlur: $,
+            onChange: W,
             onFocus: () => l("password", void 0),
-            placeholder: p.isPasswordEnabled ? ra : a(e.passwordInputPlaceholder),
+            placeholder: p.isPasswordEnabled ? ia : a(e.passwordInputPlaceholder),
             type: "password",
             value: t.password
           })]
-        }), i.isVanityNameAvailable && /* @__PURE__ */ n(c.Item, {
+        }), i.isVanityNameAvailable && /* @__PURE__ */ n(h.Item, {
           checked: t.isVanityNameEnabled,
           disabled: !i.canChangeVanityName,
           label: a(e.vanityNameToggleText),
-          onCheckedChange: R,
+          onCheckedChange: U,
           value: "vanity-domain-settings"
-        }), t.isVanityNameEnabled && /* @__PURE__ */ d(N, {
-          children: [i.canChangeVanityName && /* @__PURE__ */ n(k, {
+        }), t.isVanityNameEnabled && /* @__PURE__ */ d(L, {
+          children: [i.canChangeVanityName && /* @__PURE__ */ n(E, {
             variant: "warning",
             variantIconAriaLabel: a(e.warningNoticeIconAriaLabel),
             children: a(e.vanityDomainSettingsWarningText)
-          }), /* @__PURE__ */ n(L, {
+          }), /* @__PURE__ */ n(k, {
             disabled: !i.canChangeVanityName,
             error: u.vanityName,
             hideLabel: !0,
             label: a(e.vanityNameInputLabel),
-            onChange: W,
+            onChange: O,
             placeholder: a(e.vanityNameInputPlaceholder),
             value: t.vanityName
-          }), H && /* @__PURE__ */ n(C, {
+          }), i.canChangeVanityName && /* @__PURE__ */ n(C, {
             as: "p",
-            children: Y
+            children: `${T}${t.vanityName}`
           })]
-        }), i.isDownloadAvailable && /* @__PURE__ */ n(c.Item, {
+        }), i.isDownloadAvailable && /* @__PURE__ */ n(h.Item, {
           checked: t.isDownloadEnabled,
           disabled: !i.canChangeDownload,
           label: a(e.downloadSettingsToggleText),
-          onCheckedChange: $,
+          onCheckedChange: j,
           value: "download-link-settings"
         })]
       }), /* @__PURE__ */ d(r.Footer, {
         children: [/* @__PURE__ */ n(r.Footer.SecondaryButton, {
           disabled: x,
-          onClick: B,
+          onClick: V,
           children: a(e.cancelButton)
         }), /* @__PURE__ */ n(r.Footer.PrimaryButton, {
           id: "usm-SharedLinkSettingsModal-primaryButton",
           loading: x,
           loadingAriaLabel: a(e.loadingLabel),
-          onClick: M,
+          onClick: B,
           children: a(e.saveButton)
         })]
       }), /* @__PURE__ */ n(r.Close, {
@@ -186,5 +186,5 @@ function ua({
   });
 }
 export {
-  ua as SharedLinkSettingsModal
+  ga as SharedLinkSettingsModal
 };

package/dist/esm/lib/components/unified-share-form-modal/collaboration-section/collaboration-role.js

@@ -1,89 +1,110 @@
-import I from "clsx";
-import _ from "lodash/camelCase";
-import { useState as y, useMemo as L, useEffect as O } from "react";
-import { useIntl as T } from "react-intl";
-import { DropdownMenu as t, TriggerButton as $ } from "@box/blueprint-web";
+import _ from "clsx";
+import y from "lodash/camelCase";
+import { useState as L, useMemo as k, useEffect as F } from "react";
+import { useIntl as N } from "react-intl";
+import { Tooltip as O, Focusable as $, TriggerButton as D, DropdownMenu as r } from "@box/blueprint-web";
 import j from "../messages.js";
-import x from "./messages.js";
-import { jsxs as k, jsx as r } from "react/jsx-runtime";
-import { isInvitationRoleSupported as w, getDefaultCollaborationRole as F } from "../../../utils/collaborator.js";
-import { useUnifiedShareFormContext as P } from "../../../contexts/unified-share-form-context.js";
-import { useUnifiedShareModalContext as U } from "../../../contexts/unified-share-modal-context.js";
-import '../../../../../styles/collaboration-role.css';const z = "_container_19dff_1", A = "_overrides_19dff_5", C = {
-  container: z,
-  overrides: A
+import n from "./messages.js";
+import { jsx as e, jsxs as z } from "react/jsx-runtime";
+import { isInvitationRoleSupported as A, getDefaultCollaborationRole as P } from "../../../utils/collaborator.js";
+import { useUnifiedShareFormContext as U } from "../../../contexts/unified-share-form-context.js";
+import { useUnifiedShareModalContext as B } from "../../../contexts/unified-share-modal-context.js";
+import '../../../../../styles/collaboration-role.css';const E = "_container_xvspw_1", W = "_overrides_xvspw_5", q = "_focusable_xvspw_10", s = {
+  container: E,
+  overrides: W,
+  focusable: q
 };
-function X() {
+function te() {
   const {
-    formatMessage: i
-  } = T(), [d, R] = y(!1), {
-    collaborationRole: m,
-    setCollaborationRole: l
-  } = P(), {
-    collaborationRoles: p,
-    isSubmitting: M,
-    item: S
+    formatMessage: o
+  } = N(), [f, M] = L(!1), {
+    collaborationRole: u,
+    setCollaborationRole: d
   } = U(), {
-    type: f
-  } = S, n = L(() => p.map((o) => {
+    collaborationRoles: g,
+    isSubmitting: S,
+    item: w
+  } = B(), {
+    permissions: I = {},
+    type: m
+  } = w, l = k(() => g.map((i) => {
     const {
-      description: a,
-      id: e,
-      label: s
-    } = o, c = w(e), u = _(e);
-    let b = u;
-    e === "editor" && f === "folder" && (b += "Folder");
-    let g = e, h = "";
-    return c && (g = i(j[`${u}Role`]), h = i(x[`${b}Description`])), {
-      ...o,
-      description: a ?? h,
-      label: s ?? g
+      description: p,
+      id: t,
+      label: c
+    } = i, b = A(t), x = y(t);
+    let h = x;
+    t === "editor" && m === "folder" && (h += "Folder");
+    let C = t, R = "";
+    return b && (C = o(j[`${x}Role`]), R = o(n[`${h}Description`])), {
+      ...i,
+      description: p ?? R,
+      label: c ?? C
     };
-  }), [p, i, f]);
-  if (O(() => {
-    l(F(n));
-  }, [n, l]), !n.length || !m)
+  }), [g, o, m]);
+  if (F(() => {
+    d(P(l));
+  }, [l, d]), !l.length || !u)
     return null;
   const {
-    id: v,
-    label: D
-  } = m;
-  return /* @__PURE__ */ k(t.Root, {
-    onOpenChange: R,
-    open: d,
-    children: [/* @__PURE__ */ r(t.Trigger, {
-      children: /* @__PURE__ */ r($, {
-        caretDirection: d ? "up" : "down",
-        className: I(C.container, C.overrides),
-        disabled: M,
-        label: i(x.inviteAsRoleLabel, {
-          role: D
+    id: T,
+    label: v
+  } = u;
+  let a;
+  return I.canInviteCollaborator || (a = o(n.inviteDisabledTooltip)), m === "web_link" && (a = o(n.inviteWebLinkDisabledTooltip)), a ? /* @__PURE__ */ e(O, {
+    align: "start",
+    content: a,
+    "data-testid": "collaboration-role-tooltip",
+    side: "bottom",
+    children: /* @__PURE__ */ e($, {
+      className: s.focusable,
+      children: /* @__PURE__ */ e(D, {
+        caretDirection: "down",
+        className: _(s.container, s.overrides),
+        disabled: !0,
+        label: o(n.inviteAsRoleLabel, {
+          role: v
         }),
         size: "extraSmall",
         variant: "tertiary"
       })
-    }), /* @__PURE__ */ r(t.Content, {
+    })
+  }) : /* @__PURE__ */ z(r.Root, {
+    onOpenChange: M,
+    open: f,
+    children: [/* @__PURE__ */ e(r.Trigger, {
+      children: /* @__PURE__ */ e(D, {
+        caretDirection: f ? "up" : "down",
+        className: _(s.container, s.overrides),
+        disabled: S,
+        label: o(n.inviteAsRoleLabel, {
+          role: v
+        }),
+        size: "extraSmall",
+        variant: "tertiary"
+      })
+    }), /* @__PURE__ */ e(r.Content, {
       align: "start",
-      children: n.map((o) => {
+      children: l.map((i) => {
         const {
-          description: a,
-          isDisabled: e,
-          id: s,
-          label: c
-        } = o;
-        return /* @__PURE__ */ r(t.CheckboxItem, {
-          checked: v === s,
-          disabled: e,
-          onSelect: () => l(o),
-          children: /* @__PURE__ */ r(t.Item.MainContent, {
-            caption: a,
-            label: c
+          description: p,
+          isDisabled: t,
+          id: c,
+          label: b
+        } = i;
+        return /* @__PURE__ */ e(r.CheckboxItem, {
+          checked: T === c,
+          disabled: t,
+          onSelect: () => d(i),
+          children: /* @__PURE__ */ e(r.Item.MainContent, {
+            caption: p,
+            label: b
           })
-        }, s);
+        }, c);
       })
     })]
   });
 }
 export {
-  X as CollaborationRole
+  te as CollaborationRole
 };