@box/unified-share-modal 1.31.2 → 1.32.0

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

@@ -1,82 +1,84 @@
-import { useState as se, useRef as le, useEffect as T, useCallback as U } from "react";
-import { createPortal as ce } from "react-dom";
-import { useIntl as de } from "react-intl";
-import { useNotification as ue, useUniqueId as me, useLabelable as fe, Tooltip as he, Focusable as pe, Modal as m } from "@box/blueprint-web";
-import { UserSelectorContainer as be } from "@box/user-selector";
-import { CollaborationRole as Ce } from "./collaboration-role.js";
-import { SharedWithAvatars as ge } from "./shared-with-avatars.js";
-import { ShieldRestrictionNotice as ve } from "./shield-restriction-notice.js";
-import { TextAreaContainer as Se } from "./text-area-container.js";
-import { COLLABORATION_MESSAGE_CHARACTER_LIMIT as Le } from "../../../constants.js";
+import { useState as le, useRef as ce, useEffect as R, useCallback as x } from "react";
+import { createPortal as de } from "react-dom";
+import { useIntl as ue } from "react-intl";
+import { useNotification as me, useUniqueId as he, useLabelable as fe, Tooltip as pe, Focusable as be, Text as Ce, Modal as h } from "@box/blueprint-web";
+import { Globe as ge } from "@box/blueprint-web-assets/icons/Medium";
+import { UserSelectorContainer as ve } from "@box/user-selector";
+import { CollaborationRole as Se } from "./collaboration-role.js";
+import { SharedWithAvatars as Le } from "./shared-with-avatars.js";
+import { ShieldRestrictionNotice as Ue } from "./shield-restriction-notice.js";
+import { TextAreaContainer as xe } from "./text-area-container.js";
+import { COLLABORATION_MESSAGE_CHARACTER_LIMIT as Fe } from "../../../constants.js";
 import o from "./messages.js";
-import { jsxs as f, jsx as r, Fragment as Fe } from "react/jsx-runtime";
-import { useFormValidation as Ue } from "../../../hooks/use-form-validation.js";
-import { useCollaborationForm as Ae } from "../../../hooks/use-collaboration-form.js";
-import { useUnifiedShareFormContext as Be } from "../../../contexts/unified-share-form-context.js";
-import { useUnifiedShareModalContext as Ve } from "../../../contexts/unified-share-modal-context.js";
-import '../../../../../styles/collaboration-section.css';const ye = "_container_1o05j_2", Ee = "_label_1o05j_8", x = {
-  container: ye,
-  label: Ee
+import { jsxs as l, jsx as r, Fragment as ye } from "react/jsx-runtime";
+import { useFormValidation as Ae } from "../../../hooks/use-form-validation.js";
+import { useCollaborationForm as Ie } from "../../../hooks/use-collaboration-form.js";
+import { useUnifiedShareFormContext as Ee } from "../../../contexts/unified-share-form-context.js";
+import { useUnifiedShareModalContext as Be } from "../../../contexts/unified-share-modal-context.js";
+import '../../../../../styles/collaboration-section.css';const Ve = "_container_1ixpu_2", _e = "_label_1ixpu_8", Re = "_securityIndicator_1ixpu_23", F = {
+  container: Ve,
+  label: _e,
+  securityIndicator: Re
 };
-function He() {
+function Qe() {
   const {
     formatMessage: t
-  } = de(), [h, A] = se(), {
-    addNotification: N
-  } = ue(), {
-    validateShieldRestriction: _
-  } = Ue(), {
-    contactValue: P,
+  } = ue(), [f, y] = le(), {
+    addNotification: T
+  } = me(), {
+    validateShieldRestriction: N
+  } = Ae(), {
+    contactValue: O,
     container: p,
-    onModalOpenChange: B,
+    onModalOpenChange: A,
     onShareViewChange: b,
-    setUserContacts: k,
+    setUserContacts: P,
     shareView: i,
     userContacts: n
-  } = Be(), {
-    collaborationNotices: M,
+  } = Ee(), {
+    collaborationNotices: k,
     config: C,
-    contactService: O,
+    contactService: M,
     isFetching: w,
-    isSubmitting: j,
-    item: D,
-    sharingService: G
-  } = Ve(), {
-    permissions: W = {},
+    isSubmitting: D,
+    item: G,
+    sharingService: W
+  } = Be(), {
+    permissions: j = {},
     type: q
-  } = D, {
+  } = G, {
     getContacts: g,
     getContactsAvatarUrls: v
-  } = O, {
+  } = M, {
     sendInvitations: H,
     sendSharedLink: K
-  } = G;
+  } = W;
   let S, L;
   i === "invite" && (S = H, L = "invite-collaborators"), i === "email" && (S = K, L = "email-shared-link");
   const {
     errors: $,
-    handleFormReset: V,
+    handleFormReset: I,
     handleFormSubmit: z,
-    handleSelectedUsersChange: y,
+    handleSelectedUsersChange: E,
     handleUserSelectorBlur: J,
     isFormSubmitting: Q,
     updateContactValue: X
-  } = Ae(S, L), a = i === "default" || i === "invite", s = i === "invite" || i === "email", l = j ?? Q, E = le(i === "email" ? "email" : "invite");
-  T(() => {
-    E.current = i === "email" ? "email" : "invite";
-  }, [i]), T(() => {
-    (!n.length || !n.some((e) => e.chipVariant === "error")) && A(null);
+  } = Ie(S, L), a = i === "default" || i === "invite", s = i === "invite" || i === "email", c = D ?? Q, Y = n.some((e) => e.isExternalUser), B = ce(i === "email" ? "email" : "invite");
+  R(() => {
+    B.current = i === "email" ? "email" : "invite";
+  }, [i]), R(() => {
+    (!n.length || !n.some((e) => e.chipVariant === "error")) && y(null);
   }, [n]);
-  const Y = U((e) => (e.stopPropagation(), !0), []), Z = U((e) => g ? g(e, E.current) : Promise.resolve([]), [g]), ee = U((e) => v ? v(e) : Promise.resolve({}), [v]), te = (e) => {
+  const Z = x((e) => (e.stopPropagation(), !0), []), ee = x((e) => g ? g(e, B.current) : Promise.resolve([]), [g]), te = x((e) => v ? v(e) : Promise.resolve({}), [v]), oe = (e) => {
     s || b("invite"), X(e);
-  }, oe = () => {
-    V(), b("default");
-  }, re = async () => {
+  }, re = () => {
+    I(), b("default");
+  }, ie = async () => {
     try {
-      if (h) {
-        const e = _(n);
+      if (f) {
+        const e = N(n);
         if (e) {
-          N({
+          T({
             closeButtonAriaLabel: t(o.closeButton),
             sensitivity: "foreground",
             styledText: e,
@@ -88,55 +90,55 @@ function He() {
       }
       if (await z())
         return;
-      V(), B && B(!1), b("default");
+      I(), A && A(!1), b("default");
     } catch (e) {
       if (!e.shieldRestriction)
         return;
       const {
-        shieldRestriction: F
-      } = e, R = [...F.restrictedEmails ?? [], ...F.restrictedGroups ?? []], ae = n.map((u) => R.includes(u.email) || R.includes(`${u.id}`) ? {
-        ...u,
+        shieldRestriction: U
+      } = e, _ = [...U.restrictedEmails ?? [], ...U.restrictedGroups ?? []], se = n.map((m) => _.includes(m.email) || _.includes(`${m.id}`) ? {
+        ...m,
         chipVariant: "error"
-      } : u);
-      A(F), k(ae);
+      } : m);
+      y(U), P(se);
     }
   };
-  let c, d = !1;
-  a && !W.canInviteCollaborator && (c = t(o.inviteDisabledTooltip), d = !0), a && q === "web_link" && (c = t(o.inviteWebLinkDisabledTooltip), d = !0);
-  const I = me("user-contacts-"), ie = t(a ? o.invitePeopleLabel : o.emailSharedLinkLabel), ne = fe(ie, I);
-  return /* @__PURE__ */ f("form", {
-    className: x.container,
+  let d, u = !1;
+  a && !j.canInviteCollaborator && (d = t(o.inviteDisabledTooltip), u = !0), a && q === "web_link" && (d = t(o.inviteWebLinkDisabledTooltip), u = !0);
+  const V = he("user-contacts-"), ne = t(a ? o.invitePeopleLabel : o.emailSharedLinkLabel), ae = fe(ne, V);
+  return /* @__PURE__ */ l("form", {
+    className: F.container,
     onSubmit: (e) => e.preventDefault(),
-    children: [h && /* @__PURE__ */ r(ve, {
-      error: h,
-      isLoading: l,
-      onSelectedUsersChange: y
-    }), M, /* @__PURE__ */ f("div", {
-      children: [a && C.collaborators && /* @__PURE__ */ r(ge, {}), /* @__PURE__ */ r(ne, {
-        className: x.label
-      }), /* @__PURE__ */ r(he, {
-        content: c,
+    children: [f && /* @__PURE__ */ r(Ue, {
+      error: f,
+      isLoading: c,
+      onSelectedUsersChange: E
+    }), k, /* @__PURE__ */ l("div", {
+      children: [a && C.collaborators && /* @__PURE__ */ r(Le, {}), /* @__PURE__ */ r(ae, {
+        className: F.label
+      }), /* @__PURE__ */ r(pe, {
+        content: d,
         "data-testid": "user-contacts-tooltip",
-        open: c ? void 0 : !1,
+        open: d ? void 0 : !1,
         side: "bottom",
-        children: /* @__PURE__ */ r(pe, {
-          focusable: d,
-          children: /* @__PURE__ */ r(be, {
+        children: /* @__PURE__ */ r(be, {
+          focusable: u,
+          children: /* @__PURE__ */ r(ve, {
             className: "collaboration-user-selector",
             clearButtonAriaLabel: t(o.clearButton),
             clearOnBlur: !1,
-            disabled: d || l,
+            disabled: u || c,
             displayChipVariant: (e) => e.chipVariant,
             error: $["user-contact"],
-            fetchAvatarUrls: ee,
-            fetchUsers: Z,
-            hideOnEscape: Y,
-            idForLabel: I,
-            inputValue: P,
+            fetchAvatarUrls: te,
+            fetchUsers: ee,
+            hideOnEscape: Z,
+            idForLabel: V,
+            inputValue: O,
             label: null,
             onBlur: J,
-            onInputValueChange: te,
-            onSelectedUsersChange: y,
+            onInputValueChange: oe,
+            onSelectedUsersChange: E,
             placeholder: n.length ? "" : t(o.invitePeoplePlaceholder),
             portalElement: p,
             selectedUsers: n,
@@ -144,27 +146,34 @@ function He() {
             variant: s ? "textarea" : "input"
           })
         })
-      }), a && C.collaborationRole && /* @__PURE__ */ r(Ce, {})]
-    }), s && C.collaborationMessage && /* @__PURE__ */ r(Se, {
-      maxCount: Le
-    }), s && p && /* @__PURE__ */ ce(/* @__PURE__ */ f(Fe, {
-      children: [!w && /* @__PURE__ */ f(m.Footer, {
-        children: [/* @__PURE__ */ r(m.Footer.SecondaryButton, {
-          disabled: l,
-          onClick: oe,
+      }), a && C.collaborationRole && /* @__PURE__ */ r(Se, {})]
+    }), s && C.collaborationMessage && /* @__PURE__ */ r(xe, {
+      maxCount: Fe
+    }), s && Y && /* @__PURE__ */ l("div", {
+      className: F.securityIndicator,
+      children: [/* @__PURE__ */ r(ge, {}), /* @__PURE__ */ r(Ce, {
+        as: "span",
+        color: "textOnLightSecondary",
+        children: t(o.contentSharedWithExternalCollaborators)
+      })]
+    }), s && p && /* @__PURE__ */ de(/* @__PURE__ */ l(ye, {
+      children: [!w && /* @__PURE__ */ l(h.Footer, {
+        children: [/* @__PURE__ */ r(h.Footer.SecondaryButton, {
+          disabled: c,
+          onClick: re,
           children: t(o.cancelButton)
-        }), /* @__PURE__ */ r(m.Footer.PrimaryButton, {
-          loading: l,
+        }), /* @__PURE__ */ r(h.Footer.PrimaryButton, {
+          loading: c,
           loadingAriaLabel: t(o.loadingLabel),
-          onClick: re,
+          onClick: ie,
           children: t(o.sendButton)
         })]
-      }), /* @__PURE__ */ r(m.Close, {
+      }), /* @__PURE__ */ r(h.Close, {
         "aria-label": t(o.closeButton)
       })]
     }), p)]
   });
 }
 export {
-  He as CollaborationSection
+  Qe as CollaborationSection
 };

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

@@ -12,6 +12,10 @@ const a = e({
     id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.clearButton",
     defaultMessage: "Clear"
   },
+  contentSharedWithExternalCollaborators: {
+    id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.contentSharedWithExternalCollaborators",
+    defaultMessage: "This content will be shared with external collaborators."
+  },
   sendButton: {
     id: "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.sendButton",
     defaultMessage: "Send"

package/dist/esm/lib/components/unified-share-form-modal/shared-link-section/messages.js

@@ -32,6 +32,18 @@ const i = e({
     id: "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.sharedLinkEmailLabel",
     defaultMessage: "Send Shared Link"
   },
+  sharedLinkPubliclyAvailable: {
+    id: "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.sharedLinkPubliclyAvailable",
+    defaultMessage: "This content is publicly available to anyone with the link."
+  },
+  sharedLinkEditablePubliclyAvailable: {
+    id: "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.sharedLinkEditablePubliclyAvailable",
+    defaultMessage: "Publicly available for anyone to view and download. Any logged in users with the link can edit."
+  },
+  sharedLinkElevatedEditableCompanyAvailable: {
+    id: "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.sharedLinkElevatedEditableCompanyAvailable",
+    defaultMessage: "People who have access to this link can edit."
+  },
   expirationIconLabel: {
     id: "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.expirationIconLabel",
     defaultMessage: "Expires"

package/dist/esm/lib/components/unified-share-form-modal/shared-link-section/shared-link-section.js

@@ -1,155 +1,170 @@
-import { useRef as b, useState as j, useCallback as x, useEffect as I } from "react";
-import { useIntl as K } from "react-intl";
-import { Text as V, Tooltip as T, Focusable as O, Switch as G, Status as H, Link as J, Button as Q } from "@box/blueprint-web";
-import { ClockBadge as W } from "@box/blueprint-web-assets/icons/Line";
-import { Mail as X } from "@box/blueprint-web-assets/icons/Medium";
-import { SurfaceStatusSurfaceRed as Y } from "@box/blueprint-web-assets/tokens/tokens";
-import { CopyInput as Z } from "@box/copy-input";
-import { SharedLinkAccess as $ } from "./shared-link-access.js";
-import { SharedLinkPermission as ee } from "./shared-link-permission.js";
-import t from "./messages.js";
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { useRef as S, useState as z, useCallback as v, useEffect as E } from "react";
+import { useIntl as G } from "react-intl";
+import { Text as x, Tooltip as _, Focusable as q, Switch as H, Status as J, Link as Q, Button as W } from "@box/blueprint-web";
+import { ClockBadge as X } from "@box/blueprint-web-assets/icons/Line";
+import { Mail as Y, Globe as N } from "@box/blueprint-web-assets/icons/Medium";
+import { SurfaceStatusSurfaceRed as Z } from "@box/blueprint-web-assets/tokens/tokens";
+import { CopyInput as $ } from "@box/copy-input";
+import { SharedLinkAccess as ee } from "./shared-link-access.js";
+import { SharedLinkPermission as ie } from "./shared-link-permission.js";
+import i from "./messages.js";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { useUnifiedShareFormContext as te } from "../../../contexts/unified-share-form-context.js";
-import { useUnifiedShareModalContext as ie } from "../../../contexts/unified-share-modal-context.js";
-import { useSharingAction as N } from "../../../hooks/use-sharing-action.js";
-import { formatDateFromTimestampToDateString as oe } from "../../../utils/date.js";
-import { callOnKeyboardEvent as ne } from "../../../utils/event.js";
-import '../../../../../styles/shared-link-section.css';const ae = "_container_q90iz_1", se = "_toggle_q90iz_7", re = "_settings_q90iz_13", ce = "_copy_q90iz_22", le = "_access_q90iz_30", d = {
-  container: ae,
-  toggle: se,
-  settings: re,
-  copy: ce,
-  access: le
+import { useUnifiedShareModalContext as ae } from "../../../contexts/unified-share-modal-context.js";
+import { useSharingAction as P } from "../../../hooks/use-sharing-action.js";
+import { formatDateFromTimestampToDateString as ne } from "../../../utils/date.js";
+import { callOnKeyboardEvent as oe } from "../../../utils/event.js";
+import '../../../../../styles/shared-link-section.css';const se = "_container_1w9vi_1", re = "_toggle_1w9vi_7", ce = "_settings_1w9vi_13", le = "_copy_1w9vi_22", de = "_access_1w9vi_30", he = "_securityIndicator_1w9vi_36", s = {
+  container: se,
+  toggle: re,
+  settings: ce,
+  copy: le,
+  access: de,
+  securityIndicator: he
 };
-function Ae() {
+function we() {
   const {
     formatMessage: e
-  } = K(), g = b(!0), k = b(null), u = b(null), {
+  } = G(), g = S(!0), k = S(null), m = S(null), {
     onModalViewChange: L,
-    onShareViewChange: P
+    onShareViewChange: D
   } = te(), {
-    config: n,
-    isFetching: v,
-    isSubmitting: w,
-    item: E,
-    sharedLink: h,
-    sharingService: F
-  } = ie(), {
-    permissions: A = {}
-  } = E, {
-    createSharedLink: z
-  } = F, {
-    sharedLinkAutoCopy: r,
-    sharedLinkAutoCreate: C
-  } = n;
-  let _ = "create-shared-link";
-  r && (_ = "auto-copy-shared-link");
+    config: o,
+    isFetching: A,
+    isSubmitting: F,
+    item: R,
+    sharedLink: n,
+    sharingService: M
+  } = ae(), {
+    permissions: T = {}
+  } = R, {
+    createSharedLink: B
+  } = M, {
+    sharedLinkAutoCopy: d,
+    sharedLinkAutoCreate: y
+  } = o;
+  let w = "create-shared-link";
+  d && (w = "auto-copy-shared-link");
   const {
-    isLoading: q,
-    onAction: y
-  } = N(z, _), i = !!h.url, a = w ?? q, [S, R] = j(!1), m = x(async () => {
-    i || (await y(), R(!0));
-  }, [i, y]), M = x(async () => (m(), new Promise((s) => {
-    u.current = {
-      resolve: s
+    isLoading: O,
+    onAction: b
+  } = P(B, w), a = !!n.url, r = F ?? O, [C, U] = z(!1), p = v(async () => {
+    a || (await b(), U(!0));
+  }, [a, b]), j = v(async () => (p(), new Promise((c) => {
+    m.current = {
+      resolve: c
     };
-  })), [m]), {
-    onAction: D
-  } = N(M, "auto-copy-shared-link");
-  I(() => {
-    !g.current || v || (r ? D() : C && m(), g.current = !1);
-  }, [v, g, r, C, m, D]), I(() => {
-    i && r && k.current && k.current.click();
-  }, [i, r]);
-  const B = x((l) => {
-    if (!u.current)
+  })), [p]), {
+    onAction: I
+  } = P(j, "auto-copy-shared-link");
+  E(() => {
+    !g.current || A || (d ? I() : y && p(), g.current = !1);
+  }, [A, g, d, y, p, I]), E(() => {
+    a && d && k.current && k.current.click();
+  }, [a, d]);
+  const K = v((u) => {
+    if (!m.current)
       return;
-    let s;
-    l instanceof Error ? s = S ? e(t.autoCreateCopyErrorNoticeText) : null : s = e(S ? t.autoCreateCopySuccessNoticeText : t.autoCopySuccessNoticeText), s && u.current.resolve({
+    let c;
+    u instanceof Error ? c = C ? e(i.autoCreateCopyErrorNoticeText) : null : c = e(C ? i.autoCreateCopySuccessNoticeText : i.autoCopySuccessNoticeText), c && m.current.resolve({
       messages: [{
-        text: s,
+        text: c,
         type: "success"
       }]
-    }), u.current = null;
-  }, [e, S]), U = async (l) => {
-    l || L("remove-shared-link"), l && await y();
+    }), m.current = null;
+  }, [e, C]), V = async (u) => {
+    u || L("remove-shared-link"), u && await b();
   };
-  let c, p = !1;
-  return !i && !a && (c = e(t.sharedLinkToggleTooltip)), !i && !A.canShare && (c = e(t.createLinkDisabledTooltip), p = !0), i && !A.canSetShareAccess && (c = e(t.removeLinkDisabledTooltip), p = !0), /* @__PURE__ */ f("div", {
-    className: d.container,
-    children: [/* @__PURE__ */ o(V, {
+  let h, f = !1;
+  return !a && !r && (h = e(i.sharedLinkToggleTooltip)), !a && !T.canShare && (h = e(i.createLinkDisabledTooltip), f = !0), a && !T.canSetShareAccess && (h = e(i.removeLinkDisabledTooltip), f = !0), /* @__PURE__ */ l("div", {
+    className: s.container,
+    children: [/* @__PURE__ */ t(x, {
       as: "label",
       variant: "bodyDefaultBold",
-      children: e(t.shareLinkLabel)
-    }), /* @__PURE__ */ f("div", {
-      className: d.toggle,
-      children: [/* @__PURE__ */ o(T, {
+      children: e(i.shareLinkLabel)
+    }), /* @__PURE__ */ l("div", {
+      className: s.toggle,
+      children: [/* @__PURE__ */ t(_, {
         align: "start",
-        content: c,
+        content: h,
         "data-testid": "shared-link-tooltip",
-        open: c ? void 0 : !1,
-        children: /* @__PURE__ */ o(O, {
-          focusable: p,
-          children: /* @__PURE__ */ o(G.Item, {
-            checked: i,
-            disabled: p || a,
-            label: e(t.sharedLinkToggleLabel),
-            onCheckedChange: U,
+        open: h ? void 0 : !1,
+        children: /* @__PURE__ */ t(q, {
+          focusable: f,
+          children: /* @__PURE__ */ t(H.Item, {
+            checked: a,
+            disabled: f || r,
+            label: e(i.sharedLinkToggleLabel),
+            onCheckedChange: V,
             value: "shared-link"
           })
         })
-      }), i && !!h.expiresAt && /* @__PURE__ */ o(T, {
-        content: e(t.expirationIconTooltip, {
-          expirationDate: oe(h.expiresAt)
+      }), a && !!n.expiresAt && /* @__PURE__ */ t(_, {
+        content: e(i.expirationIconTooltip, {
+          expirationDate: ne(n.expiresAt)
         }),
         "data-testid": "expiration-date-tooltip",
-        children: /* @__PURE__ */ o(H, {
-          color: Y,
+        children: /* @__PURE__ */ t(J, {
+          color: Z,
           hideText: !0,
-          icon: W,
-          text: e(t.expirationIconLabel)
+          icon: X,
+          text: e(i.expirationIconLabel)
         })
-      }), i && n.sharedLinkSettings && /* @__PURE__ */ o(J, {
-        "aria-disabled": a,
+      }), a && o.sharedLinkSettings && /* @__PURE__ */ t(Q, {
+        "aria-disabled": r,
         "aria-haspopup": "dialog",
-        className: d.settings,
+        className: s.settings,
         onClick: () => L("shared-link-settings"),
-        onKeyDown: ne(() => L("shared-link-settings"), {
+        onKeyDown: oe(() => L("shared-link-settings"), {
           canPreventDefault: !0
         }),
         role: "button",
-        tabIndex: a ? -1 : 0,
+        tabIndex: r ? -1 : 0,
         variant: "standalone",
-        children: e(t.sharedLinkSettingsLabel)
+        children: e(i.sharedLinkSettingsLabel)
       })]
-    }), i && /* @__PURE__ */ f("div", {
-      className: d.copy,
-      children: [/* @__PURE__ */ o(Z, {
+    }), a && /* @__PURE__ */ l("div", {
+      className: s.copy,
+      children: [/* @__PURE__ */ t($, {
         ref: k,
-        autoFocus: C && i,
-        disabled: a,
+        autoFocus: y && a,
+        disabled: r,
         hideLabel: !0,
-        label: e(t.sharedLinkUrlLabel),
-        onCopy: B,
-        value: h.url
-      }), n.sharedLinkEmail && /* @__PURE__ */ o(T, {
+        label: e(i.sharedLinkUrlLabel),
+        onCopy: K,
+        value: n.url
+      }), o.sharedLinkEmail && /* @__PURE__ */ t(_, {
         align: "end",
-        content: e(t.sharedLinkEmailLabel),
-        children: /* @__PURE__ */ o(Q, {
-          "aria-label": e(t.sharedLinkEmailLabel),
-          disabled: a,
-          icon: X,
-          onClick: () => P("email"),
+        content: e(i.sharedLinkEmailLabel),
+        children: /* @__PURE__ */ t(W, {
+          "aria-label": e(i.sharedLinkEmailLabel),
+          disabled: r,
+          icon: Y,
+          onClick: () => D("email"),
           size: "large",
           variant: "secondary"
         })
       })]
-    }), i && (n.sharedLinkAccess || n.sharedLinkPermission) && /* @__PURE__ */ f("div", {
-      className: d.access,
-      children: [n.sharedLinkAccess && /* @__PURE__ */ o($, {}), n.sharedLinkPermission && /* @__PURE__ */ o(ee, {})]
+    }), a && (o.sharedLinkAccess || o.sharedLinkPermission) && /* @__PURE__ */ l("div", {
+      className: s.access,
+      children: [o.sharedLinkAccess && /* @__PURE__ */ t(ee, {}), o.sharedLinkPermission && /* @__PURE__ */ t(ie, {})]
+    }), a && n.access === "open" && /* @__PURE__ */ l("div", {
+      className: s.securityIndicator,
+      children: [/* @__PURE__ */ t(N, {}), /* @__PURE__ */ t(x, {
+        as: "span",
+        color: "textOnLightSecondary",
+        children: n.permission === "can_edit" ? e(i.sharedLinkEditablePubliclyAvailable) : e(i.sharedLinkPubliclyAvailable)
+      })]
+    }), a && n.access === "company" && n.permission === "can_edit" && /* @__PURE__ */ l("div", {
+      className: s.securityIndicator,
+      children: [/* @__PURE__ */ t(N, {}), /* @__PURE__ */ t(x, {
+        as: "span",
+        color: "textOnLightSecondary",
+        children: e(i.sharedLinkElevatedEditableCompanyAvailable)
+      })]
     })]
   });
 }
 export {
-  Ae as SharedLinkSection
+  we as SharedLinkSection
 };

package/dist/i18n/bn-IN.js

@@ -73,6 +73,7 @@ export default {
   "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.contactRestrictionInformationBarrierNotice": "{count, plural, one {{count} invitation} other {{count} invitations}} cannot be sent due to a security policy. {removeLink}",
   "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.contactRestrictionNotice": "{count, plural, one {{count} invitation} other {{count} invitations}} cannot be sent because external collaboration is restricted due to the applied security policy. {removeLink}",
   "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.contactRestrictionRemoveButtonLabel": "Remove to continue",
+  "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.contentSharedWithExternalCollaborators": "This content will be shared with external collaborators.",
   "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.editorDescription": "আপলোড, ডাউনলোড করুন, প্রিভিউ দেখুন, শেয়ার ও সম্পাদনা করুন",
   "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.editorFolderDescription": "আপলোড, ডাউনলোড করুন, প্রিভিউ দেখুন, শেয়ার, সম্পাদনা করুন এবং মুছুন",
   "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.emailSharedLinkLabel": "শেয়ারকৃত লিঙ্ক ইমেইল করুন",
@@ -135,7 +136,10 @@ export default {
   "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.openAccessLevelLabel": "লিঙ্ক সহ লোকজনেরা",
   "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.removeLinkDisabledTooltip": "লিঙ্কটি অপসারণ করতে আপনার অনুমতি নেই",
   "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.shareLinkLabel": "লিঙ্ক শেয়ার করুন",
+  "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.sharedLinkEditablePubliclyAvailable": "Publicly available for anyone to view and download. Any logged in users with the link can edit.",
+  "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.sharedLinkElevatedEditableCompanyAvailable": "People who have access to this link can edit.",
   "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.sharedLinkEmailLabel": "শেয়ার করা লিঙ্ক পাঠান",
+  "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.sharedLinkPubliclyAvailable": "This content is publicly available to anyone with the link.",
   "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.sharedLinkSettingsLabel": "লিঙ্ক সেটিংস",
   "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.sharedLinkToggleLabel": "শেয়ার করা লিঙ্ক",
   "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.sharedLinkToggleTooltip": "লিঙ্ক তৈরি করুন এবং কপি করুন",

package/dist/i18n/da-DK.js

@@ -73,6 +73,7 @@ export default {
   "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.contactRestrictionInformationBarrierNotice": "{count, plural, one {{count} invitation} other {{count} invitations}} cannot be sent due to a security policy. {removeLink}",
   "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.contactRestrictionNotice": "{count, plural, one {{count} invitation} other {{count} invitations}} cannot be sent because external collaboration is restricted due to the applied security policy. {removeLink}",
   "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.contactRestrictionRemoveButtonLabel": "Remove to continue",
+  "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.contentSharedWithExternalCollaborators": "This content will be shared with external collaborators.",
   "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.editorDescription": "Upload, download, vis eksempel, del og rediger",
   "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.editorFolderDescription": "Upload, download, vis eksempel, del, rediger og slet",
   "groupSharedFeatures.usm.unifiedShareFormModal.collaborationSection.emailSharedLinkLabel": "Send delt link via e-mail",
@@ -135,7 +136,10 @@ export default {
   "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.openAccessLevelLabel": "Personer med linket",
   "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.removeLinkDisabledTooltip": "Du har ikke det rette adgangsniveau til at fjerne linket",
   "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.shareLinkLabel": "Del link",
+  "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.sharedLinkEditablePubliclyAvailable": "Publicly available for anyone to view and download. Any logged in users with the link can edit.",
+  "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.sharedLinkElevatedEditableCompanyAvailable": "People who have access to this link can edit.",
   "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.sharedLinkEmailLabel": "Send delt link",
+  "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.sharedLinkPubliclyAvailable": "This content is publicly available to anyone with the link.",
   "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.sharedLinkSettingsLabel": "Linkindstillinger",
   "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.sharedLinkToggleLabel": "Delt link",
   "groupSharedFeatures.usm.unifiedShareFormModal.sharedLinkSection.sharedLinkToggleTooltip": "Opret og kopiér link",