@box/unified-share-modal 1.33.0 → 1.35.0

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

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

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

@@ -1,58 +1,67 @@
-import { useIntl as p } from "react-intl";
-import { Text as v, Avatar as b } from "@box/blueprint-web";
-import { Gray10 as x } from "@box/blueprint-web-assets/tokens/tokens";
-import { CollaboratorAvatar as g } from "../collaborators-view/collaborator-avatar.js";
-import A from "./messages.js";
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { callOnKeyboardEvent as _ } from "../../../utils/event.js";
-import { useUnifiedShareModalContext as C } from "../../../contexts/unified-share-modal-context.js";
-import { useUnifiedShareFormContext as S } from "../../../contexts/unified-share-form-context.js";
-import '../../../../../styles/shared-with-avatars.css';const y = "_container_1ku5s_2", I = "_avatars_1ku5s_19", l = {
-  container: y,
-  avatars: I
-}, c = 3;
-function z() {
+import { useIntl as x } from "react-intl";
+import { Text as C, Avatar as g } from "@box/blueprint-web";
+import { Gray10 as A } from "@box/blueprint-web-assets/tokens/tokens";
+import { CollaboratorAvatar as S } from "../collaborators-view/collaborator-avatar.js";
+import _ from "./messages.js";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { callOnKeyboardEvent as k } from "../../../utils/event.js";
+import { useUnifiedShareModalContext as y } from "../../../contexts/unified-share-modal-context.js";
+import { useUnifiedShareFormContext as I } from "../../../contexts/unified-share-form-context.js";
+import '../../../../../styles/shared-with-avatars.css';const W = "_container_1ku5s_2", U = "_avatars_1ku5s_19", c = {
+  container: W,
+  avatars: U
+}, m = 3;
+function V() {
   const {
-    formatMessage: m
-  } = p(), {
-    collaborators: d,
-    currentUser: f,
+    formatMessage: d
+  } = x(), {
+    collaborators: f,
+    currentUser: h,
+    eventService: u,
     isSubmitting: o
-  } = C(), {
-    onShareViewChange: a
-  } = S(), {
-    id: s
-  } = f, t = d.filter(({
+  } = y(), {
+    onShareViewChange: v
+  } = I(), {
+    onCollaboratorsClick: a
+  } = u, {
+    id: n
+  } = h, t = f.filter(({
     isCurrentUser: r,
-    userId: u
-  }) => !(r || s && s === u));
+    userId: b
+  }) => !(r || n && n === b));
   if (!t.length)
     return null;
-  const h = t.slice(0, c), n = t.length - c;
-  return /* @__PURE__ */ i("div", {
+  const p = t.slice(0, m), s = t.length - m, i = () => {
+    if (a) {
+      a();
+      return;
+    }
+    v("collaborators");
+  };
+  return /* @__PURE__ */ l("div", {
     "aria-disabled": o,
-    className: l.container,
-    onClick: () => a("collaborators"),
-    onKeyDown: _(() => a("collaborators")),
+    className: c.container,
+    onClick: i,
+    onKeyDown: k(i),
     role: "button",
     tabIndex: o ? -1 : 0,
-    children: [/* @__PURE__ */ e(v, {
+    children: [/* @__PURE__ */ e(C, {
       as: "span",
       color: "textOnLightSecondary",
-      children: m(A.sharedWithLabel)
-    }), /* @__PURE__ */ i("div", {
-      className: l.avatars,
-      children: [h.map((r) => /* @__PURE__ */ e(g, {
+      children: d(_.sharedWithLabel)
+    }), /* @__PURE__ */ l("div", {
+      className: c.avatars,
+      children: [p.map((r) => /* @__PURE__ */ e(S, {
         collaborator: r,
         size: "medium"
-      }, r.id)), n > 0 && /* @__PURE__ */ e(b, {
-        color: x,
+      }, r.id)), s > 0 && /* @__PURE__ */ e(g, {
+        color: A,
         size: "medium",
-        text: `+${n}`
+        text: `+${s}`
       })]
     })]
   });
 }
 export {
-  z as SharedWithAvatars
+  V as SharedWithAvatars
 };

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

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