@box/unified-share-modal 2.8.2 → 2.8.4

package/dist/esm/lib/components/classification-status/classification-status.js

@@ -1,76 +1,80 @@
-import { useIntl as p } from "react-intl";
-import { CardTooltipV2 as x, Status as l, Text as t } from "@box/blueprint-web";
+import { useIntl as u } from "react-intl";
+import { CardTooltipV2 as _, Status as l, Text as e } from "@box/blueprint-web";
 import { Shield as d } from "@box/blueprint-web-assets/icons/Line";
 import h from "./messages.js";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { useUnifiedShareModalContext as u } from "../../contexts/unified-share-modal-context.js";
-import '../../../../styles/classification-status.css';const _ = "_container_1lxpo_1", v = "_header_1lxpo_7", b = "_content_1lxpo_13", o = {
-  container: _,
-  header: v,
-  content: b
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { useUnifiedShareModalContext as v } from "../../contexts/unified-share-modal-context.js";
+import '../../../../styles/classification-status.css';const x = "_container_1dpzl_1", b = "_tooltip_1dpzl_5", y = "_header_1dpzl_11", z = "_content_1dpzl_17", n = {
+  container: x,
+  tooltip: b,
+  header: y,
+  content: z
 };
-function N() {
+function T() {
   const {
     formatMessage: i
-  } = p(), {
-    item: m
   } = u(), {
+    item: m
+  } = v(), {
     classification: r
   } = m;
   if (!r)
     return null;
   const {
-    colorId: a,
+    colorId: p,
     definition: f,
-    name: c,
-    restrictions: s
-  } = r;
-  return /* @__PURE__ */ e(x, {
-    content: /* @__PURE__ */ n("div", {
-      className: o.container,
-      children: [/* @__PURE__ */ n("div", {
-        className: o.header,
-        children: [/* @__PURE__ */ e(l, {
-          colorIndex: a + 1,
-          hideText: !0,
-          icon: d,
-          text: ""
-        }), /* @__PURE__ */ e(t, {
-          as: "h3",
-          variant: "bodyDefaultBold",
-          children: c
-        })]
-      }), /* @__PURE__ */ n("div", {
-        className: o.content,
-        children: [/* @__PURE__ */ n("div", {
-          children: [/* @__PURE__ */ e(t, {
-            as: "h4",
+    name: s,
+    restrictions: a
+  } = r, c = p + 1;
+  return /* @__PURE__ */ t("div", {
+    className: n.container,
+    children: /* @__PURE__ */ t(_, {
+      content: /* @__PURE__ */ o("div", {
+        className: n.tooltip,
+        children: [/* @__PURE__ */ o("div", {
+          className: n.header,
+          children: [/* @__PURE__ */ t(l, {
+            colorIndex: c,
+            hideText: !0,
+            icon: d,
+            text: ""
+          }), /* @__PURE__ */ t(e, {
+            as: "h3",
             variant: "bodyDefaultBold",
-            children: i(h.definitionLabel)
-          }), /* @__PURE__ */ e(t, {
-            as: "p",
-            children: f
-          })]
-        }), s && /* @__PURE__ */ n("div", {
-          children: [/* @__PURE__ */ e(t, {
-            as: "h4",
-            variant: "bodyDefaultBold",
-            children: i(h.restrictionsLabel)
-          }), /* @__PURE__ */ e(t, {
-            as: "p",
             children: s
           })]
+        }), /* @__PURE__ */ o("div", {
+          className: n.content,
+          children: [/* @__PURE__ */ o("div", {
+            children: [/* @__PURE__ */ t(e, {
+              as: "h4",
+              variant: "bodyDefaultBold",
+              children: i(h.definitionLabel)
+            }), /* @__PURE__ */ t(e, {
+              as: "p",
+              children: f
+            })]
+          }), a && /* @__PURE__ */ o("div", {
+            children: [/* @__PURE__ */ t(e, {
+              as: "h4",
+              variant: "bodyDefaultBold",
+              children: i(h.restrictionsLabel)
+            }), /* @__PURE__ */ t(e, {
+              as: "p",
+              children: a
+            })]
+          })]
         })]
-      })]
-    }),
-    children: /* @__PURE__ */ e(l, {
-      colorIndex: a + 1,
-      icon: d,
-      iconPosition: "left",
-      text: c.toUpperCase()
+      }),
+      children: /* @__PURE__ */ t(l, {
+        colorIndex: c,
+        icon: d,
+        iconPosition: "left",
+        text: s.toUpperCase()
+      })
     })
   });
 }
 export {
-  N as ClassificationStatus
+  T as ClassificationStatus
 };

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

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

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

@@ -1,130 +1,131 @@
-import { useRef as K, useCallback as w, useEffect as G } from "react";
-import { useIntl as V } from "react-intl";
-import { useNotification as q, Text as b, Tooltip as y, Focusable as H, Switch as J, Status as Q, Link as W, Button as X } from "@box/blueprint-web";
-import { ClockBadge as Y } from "@box/blueprint-web-assets/icons/Line";
-import { Mail as Z, Globe as I } from "@box/blueprint-web-assets/icons/Medium";
-import { SurfaceStatusSurfaceRed as $, bpSize040 as g } from "@box/blueprint-web-assets/tokens/tokens";
-import { CopyInput as ee } from "@box/copy-input";
-import { SharedLinkAccess as te } from "./shared-link-access.js";
-import { SharedLinkPermission as ie } from "./shared-link-permission.js";
+import { useRef as G, useCallback as I, useEffect as V } from "react";
+import { useIntl as q } from "react-intl";
+import { useNotification as H, Text as y, Tooltip as C, Focusable as J, Switch as Q, Status as W, Link as X, Button as Y } from "@box/blueprint-web";
+import { ClockBadge as Z } from "@box/blueprint-web-assets/icons/Line";
+import { Mail as $, Globe as P } from "@box/blueprint-web-assets/icons/Medium";
+import { SurfaceStatusSurfaceRed as ee, bpSize040 as g } from "@box/blueprint-web-assets/tokens/tokens";
+import { CopyInput as te } from "@box/copy-input";
+import { SharedLinkAccess as ie } from "./shared-link-access.js";
+import { SharedLinkPermission as ae } from "./shared-link-permission.js";
 import t from "./messages.js";
 import { jsxs as d, jsx as i } from "react/jsx-runtime";
-import { useUnifiedShareFormContext as ae } from "../../../contexts/unified-share-form-context.js";
-import { useUnifiedShareModalContext as ne } from "../../../contexts/unified-share-modal-context.js";
-import { useSharingAction as oe } from "../../../hooks/use-sharing-action.js";
-import { getNotificationArgs as re } from "../../../utils/notification.js";
-import { formatDateFromTimestampToDateString as se } from "../../../utils/date.js";
-import { callOnKeyboardEvent as ce } from "../../../utils/event.js";
-import '../../../../../styles/shared-link-section.css';const le = "_container_j966c_1", de = "_toggle_j966c_7", he = "_settings_j966c_13", ue = "_copy_j966c_22", me = "_access_j966c_30", pe = "_icon_j966c_36", c = {
-  container: le,
-  toggle: de,
-  settings: he,
-  copy: ue,
-  access: me,
-  icon: pe
+import { useUnifiedShareFormContext as ne } from "../../../contexts/unified-share-form-context.js";
+import { useUnifiedShareModalContext as oe } from "../../../contexts/unified-share-modal-context.js";
+import { useSharingAction as re } from "../../../hooks/use-sharing-action.js";
+import { getNotificationArgs as se } from "../../../utils/notification.js";
+import { formatDateFromTimestampToDateString as ce } from "../../../utils/date.js";
+import { callOnKeyboardEvent as le } from "../../../utils/event.js";
+import '../../../../../styles/shared-link-section.css';const de = "_container_j966c_1", he = "_toggle_j966c_7", ue = "_settings_j966c_13", me = "_copy_j966c_22", pe = "_access_j966c_30", ge = "_icon_j966c_36", c = {
+  container: de,
+  toggle: he,
+  settings: ue,
+  copy: me,
+  access: pe,
+  icon: ge
 };
-function we() {
+function Ie() {
   const {
     formatMessage: e
-  } = V(), {
-    addNotification: C
-  } = q(), k = K(null), {
-    isSharedLinkAutoCopied: f,
+  } = q(), {
+    addNotification: v
+  } = H(), k = G(null), {
+    isInteracted: f,
+    isSharedLinkAutoCopied: L,
     isSharedLinkAutoCreated: r,
-    setForm: P
-  } = ae(), {
+    setForm: B
+  } = ne(), {
     config: s,
-    eventService: B,
-    isFetching: v,
+    eventService: F,
+    isFetching: x,
     isSubmitting: n,
-    item: F,
-    setView: x,
+    item: M,
+    setView: T,
     sharedLink: o,
-    sharingService: M
-  } = ne(), {
-    permissions: T = {}
-  } = F, {
-    onSharedLinkCopy: L,
-    onSharedLinkSettingsClick: _
-  } = B, {
-    createSharedLink: A
+    sharingService: O
+  } = oe(), {
+    permissions: _ = {}
   } = M, {
-    notifications: N,
-    sharedLinkAutoCopy: O,
-    sharedLinkAutoCreate: E
-  } = s, a = !!o.url, h = O && !f.current, D = E && !r.current, R = w(async () => {
-    const l = await A();
+    onSharedLinkCopy: S,
+    onSharedLinkSettingsClick: A
+  } = F, {
+    createSharedLink: N
+  } = O, {
+    notifications: E,
+    sharedLinkAutoCopy: R,
+    sharedLinkAutoCreate: D
+  } = s, a = !!o.url, h = R && !L.current && !f, j = D && !r.current && !f, U = I(async () => {
+    const l = await N();
     return h ? {
       messages: []
     } : l;
-  }, [h, A]), {
-    onAction: S
-  } = oe(R, "create-shared-link");
-  G(() => {
-    (async () => v || n || ((h || D) && !a && (await S(), r.current = !0), h && a && k.current && (k.current.click(), f.current = !0)))();
-  }, [a, h, D, v, f, r, n, S]);
-  const U = w((l) => {
+  }, [h, N]), {
+    onAction: b
+  } = re(U, "create-shared-link");
+  V(() => {
+    (async () => x || n || ((h || j) && !a && (await b(), r.current = !0), h && a && k.current && (k.current.click(), L.current = !0)))();
+  }, [a, h, j, x, L, r, n, b]);
+  const z = I((l) => {
     let p;
-    typeof l != "string" ? p = r.current ? e(t.autoCreateCopyErrorNoticeText) : null : p = r.current ? e(t.autoCreateCopySuccessNoticeText) : e(t.autoCopySuccessNoticeText), p && N.includes("auto-copy-shared-link") && C({
-      ...re(e, "success"),
+    typeof l != "string" ? p = r.current ? e(t.autoCreateCopyErrorNoticeText) : null : p = r.current ? e(t.autoCreateCopySuccessNoticeText) : e(t.autoCopySuccessNoticeText), p && E.includes("auto-copy-shared-link") && v({
+      ...se(e, "success"),
       styledText: p
-    }), L && L(l);
-  }, [C, e, r, N, L]), z = async (l) => {
+    }), S && S(l);
+  }, [v, e, r, E, S]), K = async (l) => {
     if (l) {
-      await S();
+      await b();
       return;
     }
-    x("remove-shared-link");
-  }, j = () => {
-    if (_) {
-      _();
+    T("remove-shared-link");
+  }, w = () => {
+    if (A) {
+      A();
       return;
     }
-    x("shared-link-settings");
+    T("shared-link-settings");
   };
   let u, m = !1;
-  return !a && !n && (u = e(t.sharedLinkToggleTooltip)), !a && !T.canShare && (u = e(t.createLinkDisabledTooltip), m = !0), a && !T.canSetShareAccess && (u = e(t.removeLinkDisabledTooltip), m = !0), /* @__PURE__ */ d("div", {
+  return !a && !n && (u = e(t.sharedLinkToggleTooltip)), !a && !_.canShare && (u = e(t.createLinkDisabledTooltip), m = !0), a && !_.canSetShareAccess && (u = e(t.removeLinkDisabledTooltip), m = !0), /* @__PURE__ */ d("div", {
     className: c.container,
-    children: [/* @__PURE__ */ i(b, {
+    children: [/* @__PURE__ */ i(y, {
       as: "label",
       variant: "bodyDefaultBold",
       children: e(t.shareLinkLabel)
     }), /* @__PURE__ */ d("div", {
       className: c.toggle,
-      children: [/* @__PURE__ */ i(y, {
+      children: [/* @__PURE__ */ i(C, {
         align: "start",
         content: u,
         "data-testid": "shared-link-tooltip",
         open: u ? void 0 : !1,
-        children: /* @__PURE__ */ i(H, {
+        children: /* @__PURE__ */ i(J, {
           focusable: m,
-          children: /* @__PURE__ */ i(J.Item, {
+          children: /* @__PURE__ */ i(Q.Item, {
             checked: a,
             "data-target-id": "Toggle-CreateSharedLink",
             disabled: m || n,
             label: e(t.sharedLinkToggleLabel),
-            onCheckedChange: z,
+            onCheckedChange: K,
             value: "shared-link"
           })
         })
-      }), a && !!o.expiresAt && /* @__PURE__ */ i(y, {
+      }), a && !!o.expiresAt && /* @__PURE__ */ i(C, {
         content: e(t.expirationIconTooltip, {
-          expirationDate: se(o.expiresAt)
+          expirationDate: ce(o.expiresAt)
         }),
         "data-testid": "expiration-date-tooltip",
-        children: /* @__PURE__ */ i(Q, {
-          color: $,
+        children: /* @__PURE__ */ i(W, {
+          color: ee,
           hideText: !0,
-          icon: Y,
+          icon: Z,
           text: e(t.expirationIconLabel)
         })
-      }), a && s.sharedLinkSettings && /* @__PURE__ */ i(W, {
+      }), a && s.sharedLinkSettings && /* @__PURE__ */ i(X, {
         "aria-disabled": n,
         "aria-haspopup": "dialog",
         className: c.settings,
         "data-target-id": "PlainButton-SharedLinkSettings",
-        onClick: j,
-        onKeyDown: ce(j, {
+        onClick: w,
+        onKeyDown: le(w, {
           canPreventDefault: !0
         }),
         role: "button",
@@ -134,47 +135,47 @@ function we() {
       })]
     }), a && /* @__PURE__ */ d("div", {
       className: c.copy,
-      children: [/* @__PURE__ */ i(ee, {
+      children: [/* @__PURE__ */ i(te, {
         ref: k,
-        autoFocus: E && r.current,
+        autoFocus: D && r.current && !f,
         "data-target-id": "Button-CopySharedLink",
         disabled: n,
         hideLabel: !0,
         label: e(t.sharedLinkUrlLabel),
-        onCopy: U,
+        onCopy: z,
         value: o.url
-      }), s.sharedLinkEmail && /* @__PURE__ */ i(y, {
+      }), s.sharedLinkEmail && /* @__PURE__ */ i(C, {
         align: "end",
         content: e(t.sharedLinkEmailLabel),
-        children: /* @__PURE__ */ i(X, {
+        children: /* @__PURE__ */ i(Y, {
           "aria-label": e(t.sharedLinkEmailLabel),
           "data-target-id": "Button-SendSharedLink",
           disabled: n,
-          icon: Z,
-          onClick: () => P("email"),
+          icon: $,
+          onClick: () => B("email"),
           size: "large",
           variant: "secondary"
         })
       })]
     }), a && (s.sharedLinkAccess || s.sharedLinkPermission) && /* @__PURE__ */ d("div", {
       className: c.access,
-      children: [s.sharedLinkAccess && /* @__PURE__ */ i(te, {}), s.sharedLinkPermission && /* @__PURE__ */ i(ie, {})]
+      children: [s.sharedLinkAccess && /* @__PURE__ */ i(ie, {}), s.sharedLinkPermission && /* @__PURE__ */ i(ae, {})]
     }), a && o.access === "open" && /* @__PURE__ */ d("div", {
-      children: [/* @__PURE__ */ i(I, {
+      children: [/* @__PURE__ */ i(P, {
         className: c.icon,
         height: g,
         width: g
-      }), /* @__PURE__ */ i(b, {
+      }), /* @__PURE__ */ i(y, {
         as: "span",
         color: "textOnLightSecondary",
         children: o.permission === "can_edit" ? e(t.sharedLinkEditablePubliclyAvailable) : e(t.sharedLinkPubliclyAvailable)
       })]
     }), a && o.access === "company" && o.permission === "can_edit" && /* @__PURE__ */ d("div", {
-      children: [/* @__PURE__ */ i(I, {
+      children: [/* @__PURE__ */ i(P, {
         className: c.icon,
         height: g,
         width: g
-      }), /* @__PURE__ */ i(b, {
+      }), /* @__PURE__ */ i(y, {
         as: "span",
         color: "textOnLightSecondary",
         children: e(t.sharedLinkElevatedEditableCompanyAvailable)
@@ -183,5 +184,5 @@ function we() {
   });
 }
 export {
-  we as SharedLinkSection
+  Ie as SharedLinkSection
 };

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

@@ -1,20 +1,20 @@
 import a from "clsx";
 import { useCallback as N } from "react";
-import { useIntl as v } from "react-intl";
-import { Modal as e, LoadingIndicator as D } from "@box/blueprint-web";
-import { UnifiedShareForm as M } from "./unified-share-form.js";
+import { useIntl as S } from "react-intl";
+import { Modal as t, LoadingIndicator as v } from "@box/blueprint-web";
+import { UnifiedShareForm as D } from "./unified-share-form.js";
 import l from "./messages.js";
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { CollaboratorList as O } from "./collaborator-list/collaborator-list.js";
+import { CollaboratorList as M } from "./collaborator-list/collaborator-list.js";
 import { useUnifiedShareFormContext as h } from "../../contexts/unified-share-form-context.js";
-import { useUnifiedShareModalContext as U } from "../../contexts/unified-share-modal-context.js";
-import { ClassificationStatus as k } from "../classification-status/classification-status.js";
-import '../../../../styles/unified-share-form-modal.css';const j = "_content_17drm_1", w = "_isFullscreen_17drm_4", z = "_body_17drm_13", B = "_hasFooter_17drm_30", I = "_classificationStatusContainer_17drm_34", P = "_loading_17drm_39", H = "_form_17drm_47", R = "_isLoading_17drm_52", t = {
+import { useUnifiedShareModalContext as O } from "../../contexts/unified-share-modal-context.js";
+import { ClassificationStatus as U } from "../classification-status/classification-status.js";
+import '../../../../styles/unified-share-form-modal.css';const j = "_content_1k0mu_1", w = "_isFullscreen_1k0mu_4", z = "_body_1k0mu_13", B = "_title_1k0mu_17", I = "_hasFooter_1k0mu_39", P = "_loading_1k0mu_43", H = "_form_1k0mu_51", R = "_isLoading_1k0mu_56", e = {
   content: j,
   isFullscreen: w,
   body: z,
-  hasFooter: B,
-  classificationStatusContainer: I,
+  title: B,
+  hasFooter: I,
   loading: P,
   form: H,
   isLoading: R
@@ -26,54 +26,54 @@ function Y({
 }) {
   const {
     formatMessage: n
-  } = v(), {
+  } = S(), {
     isCollaboratorsOpen: d,
-    setContainerRef: C,
+    setContainerRef: F,
     setForm: f
   } = h(), {
     isFetching: u,
     isSubmitting: s,
-    item: F,
-    variant: b
-  } = U(), {
-    form: S
+    item: b,
+    variant: k
+  } = O(), {
+    form: C
   } = h(), {
     name: L
-  } = F, _ = b === "desktop", g = S === "default", x = N((r) => {
+  } = b, _ = k === "desktop", g = C === "default" && !d, x = N((r) => {
     s || (f("default"), c(r));
   }, [s, c, f]), y = (r) => {
     r.preventDefault();
   };
-  return /* @__PURE__ */ i(e, {
+  return /* @__PURE__ */ i(t, {
     onOpenChange: x,
     open: p,
-    children: [!!m && /* @__PURE__ */ o(e.Trigger, {
+    children: [!!m && /* @__PURE__ */ o(t.Trigger, {
       children: m
-    }), /* @__PURE__ */ i(e.Content, {
-      ref: C,
-      className: a(t.content, _ && t.isFullscreen),
+    }), /* @__PURE__ */ i(t.Content, {
+      ref: F,
+      className: a(e.content, _ && e.isFullscreen),
       onPointerDownOutside: y,
       size: "medium",
-      children: [/* @__PURE__ */ i(e.Header, {
-        children: [n(l.title, {
-          itemName: L
-        }), /* @__PURE__ */ o("div", {
-          className: t.classificationStatusContainer,
-          children: /* @__PURE__ */ o(k, {})
-        })]
-      }), /* @__PURE__ */ i(e.Body, {
-        className: a(t.body, !g && t.hasFooter),
+      children: [/* @__PURE__ */ i(t.Header, {
+        children: [/* @__PURE__ */ o("div", {
+          className: e.title,
+          children: n(l.title, {
+            itemName: L
+          })
+        }), /* @__PURE__ */ o(U, {})]
+      }), /* @__PURE__ */ i(t.Body, {
+        className: a(e.body, !g && e.hasFooter),
         children: [u && /* @__PURE__ */ o("div", {
-          className: t.loading,
-          children: /* @__PURE__ */ o(D, {
+          className: e.loading,
+          children: /* @__PURE__ */ o(v, {
             "aria-label": n(l.loadingLabel),
             size: "large"
           })
         }), /* @__PURE__ */ o("div", {
-          className: a(t.form, u && t.isLoading),
-          children: d ? /* @__PURE__ */ o(O, {}) : /* @__PURE__ */ o(M, {})
+          className: a(e.form, u && e.isLoading),
+          children: d ? /* @__PURE__ */ o(M, {}) : /* @__PURE__ */ o(D, {})
         })]
-      }), !_ && !d && g && /* @__PURE__ */ o(e.Close, {
+      }), !_ && g && /* @__PURE__ */ o(t.Close, {
         "aria-label": n(l.closeButton),
         disabled: s
       })]

package/dist/esm/lib/contexts/unified-share-form-context.js

@@ -1,53 +1,58 @@
-import { createContext as M, useContext as O, useState as e, useRef as F, useCallback as P, useEffect as A, useMemo as E } from "react";
-import { useUnifiedShareModalContext as L } from "./unified-share-modal-context.js";
-import { jsx as j } from "react/jsx-runtime";
-const v = /* @__PURE__ */ M(null), z = () => {
-  const t = O(v);
+import { createContext as A, useContext as D, useState as e, useRef as g, useCallback as E, useEffect as k, useMemo as L } from "react";
+import { useUnifiedShareModalContext as j } from "./unified-share-modal-context.js";
+import { jsx as q } from "react/jsx-runtime";
+const M = /* @__PURE__ */ A(null), G = () => {
+  const t = D(M);
   if (!t)
     throw new Error("useUnifiedShareFormContext must be used with UnifiedShareFormProvider");
   return t;
-}, B = ({
+}, H = ({
   children: t
 }) => {
   const {
-    initialContacts: o,
-    isOpen: s
-  } = L(), [n, r] = e("default"), [a, i] = e(!1), [l, V] = e(null), [c, u] = e(o), [f, d] = e(""), [C, h] = e(""), [m, S] = e(), [x, R] = e({}), p = F(!1), U = F(!1), b = P((k) => {
-    R((w) => ({
-      ...w,
-      ...k
+    initialContacts: n,
+    isOpen: a,
+    view: l
+  } = j(), [o, c] = e("default"), [f, u] = e(!1), [s, d] = e(!1), [m, O] = e(null), [C, h] = e(n), [S, x] = e(""), [R, p] = e(""), [F, U] = e(), [b, v] = e({}), V = g(!1), w = g(!1), I = E((r) => {
+    v((i) => ({
+      ...i,
+      ...r
     }));
   }, []);
-  A(() => {
-    s || (r("default"), i(!1), u(o), d(""), h(""), S(void 0), R({}), p.current = !1, U.current = !1);
-  }, [o, s]);
-  const g = E(() => ({
-    collaborationRole: m,
-    contactValue: f,
-    containerRef: l,
-    form: n,
-    isCollaboratorsOpen: a,
-    isSharedLinkAutoCopied: p,
-    isSharedLinkAutoCreated: U,
-    messageValue: C,
-    setCollaborationRole: S,
-    setContactValue: d,
-    setContainerRef: V,
-    setForm: r,
-    setIsCollaboratorsOpen: i,
-    setMessageValue: h,
-    setShieldRestriction: b,
-    setUserContacts: u,
-    shieldRestriction: x,
-    userContacts: c
-  }), [m, f, l, n, b, a, C, x, c]);
-  return /* @__PURE__ */ j(v.Provider, {
-    value: g,
+  k(() => {
+    a || (c("default"), u(!1), d(!1), h(n), x(""), p(""), U(void 0), v({}), V.current = !1, w.current = !1);
+  }, [n, a]), k(() => {
+    const r = l === "unified-share-form", i = o === "default";
+    s || (!r || !i) && d(!0);
+  }, [s, l, o]);
+  const P = L(() => ({
+    collaborationRole: F,
+    contactValue: S,
+    containerRef: m,
+    form: o,
+    isCollaboratorsOpen: f,
+    isInteracted: s,
+    isSharedLinkAutoCopied: V,
+    isSharedLinkAutoCreated: w,
+    messageValue: R,
+    setCollaborationRole: U,
+    setContactValue: x,
+    setContainerRef: O,
+    setForm: c,
+    setIsCollaboratorsOpen: u,
+    setMessageValue: p,
+    setShieldRestriction: I,
+    setUserContacts: h,
+    shieldRestriction: b,
+    userContacts: C
+  }), [F, S, m, o, I, f, s, R, b, C]);
+  return /* @__PURE__ */ q(M.Provider, {
+    value: P,
     children: t
   });
 };
 export {
-  v as UnifiedShareFormContext,
-  B as UnifiedShareFormProvider,
-  z as useUnifiedShareFormContext
+  M as UnifiedShareFormContext,
+  H as UnifiedShareFormProvider,
+  G as useUnifiedShareFormContext
 };

package/dist/styles/classification-status.css

@@ -1 +1 @@
-._container_1lxpo_1{display:flex;flex-direction:column;gap:var(--bp-space-040)}._header_1lxpo_7{display:flex;align-items:center;gap:var(--bp-space-020)}._content_1lxpo_13{display:flex;flex-direction:column;gap:var(--bp-space-050)}
+._container_1dpzl_1{display:inline-flex}._tooltip_1dpzl_5{display:flex;flex-direction:column;gap:var(--bp-space-040)}._header_1dpzl_11{display:flex;align-items:center;gap:var(--bp-space-020)}._content_1dpzl_17{display:flex;flex-direction:column;gap:var(--bp-space-050)}

package/dist/styles/shared-link-settings-modal.css

@@ -1 +1 @@
-._content_1dmg4_1._content_1dmg4_1{max-width:480px}._content_1dmg4_1._content_1dmg4_1._isFullscreen_1dmg4_4{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;border-radius:0;animation:none}._content_1dmg4_1._content_1dmg4_1._isFullscreen_1dmg4_4 ._body_1dmg4_13{overflow:hidden auto}._header_1dmg4_17._header_1dmg4_17{display:flex;flex-wrap:wrap;gap:var(--bp-space-020);align-items:center}._body_1dmg4_13._body_1dmg4_13{display:flex;flex-direction:column;flex-grow:1;gap:var(--bp-space-040);margin-bottom:calc(var(--bp-space-010) * -1);padding-top:0;padding-bottom:var(--bp-space-010);overflow:auto}._form_1dmg4_35{position:relative;display:flex;flex-direction:column;flex-grow:1;overflow:hidden}._form_1dmg4_35 ._isLoading_1dmg4_42{visibility:hidden}._loading_1dmg4_46{position:absolute;inset:0;display:flex;align-items:center;padding-bottom:var(--bp-space-080)}._divider_1dmg4_54._divider_1dmg4_54{position:sticky;top:0;z-index:1;width:100%}
+._content_1jgi4_1._content_1jgi4_1{max-width:480px}._content_1jgi4_1._content_1jgi4_1._isFullscreen_1jgi4_4{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;border-radius:0;animation:none}._content_1jgi4_1._content_1jgi4_1._isFullscreen_1jgi4_4 ._body_1jgi4_13{overflow:hidden auto}._title_1jgi4_17{display:inline}._title_1jgi4_17:after{display:inline-block;width:var(--bp-space-020);content:""}._body_1jgi4_13._body_1jgi4_13{display:flex;flex-direction:column;flex-grow:1;gap:var(--bp-space-040);margin-bottom:calc(var(--bp-space-010) * -1);padding-top:0;padding-bottom:var(--bp-space-010);overflow:auto}._form_1jgi4_37{position:relative;display:flex;flex-direction:column;flex-grow:1;overflow:hidden}._form_1jgi4_37 ._isLoading_1jgi4_44{visibility:hidden}._loading_1jgi4_48{position:absolute;inset:0;display:flex;align-items:center;padding-bottom:var(--bp-space-080)}._divider_1jgi4_56._divider_1jgi4_56{position:sticky;top:0;z-index:1;width:100%}

package/dist/styles/unified-share-form-modal.css

@@ -1 +1 @@
-._content_17drm_1._content_17drm_1{max-width:480px}._content_17drm_1._content_17drm_1._isFullscreen_17drm_4{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;border-radius:0;animation:none}._content_17drm_1._content_17drm_1._isFullscreen_17drm_4 ._body_17drm_13{overflow:hidden auto}._body_17drm_13._body_17drm_13{position:relative;display:flex;flex-direction:column;flex-grow:1;padding-top:0;padding-bottom:var(--bp-space-080)}._body_17drm_13._body_17drm_13:before{display:block;width:100vw;content:""}._body_17drm_13._body_17drm_13._hasFooter_17drm_30{padding-bottom:0}._classificationStatusContainer_17drm_34{display:inline-flex;margin-left:var(--bp-space-010)}._loading_17drm_39{position:absolute;inset:0;display:flex;align-items:center;padding-bottom:var(--bp-space-080)}._form_17drm_47{display:flex;flex-direction:column;flex-grow:1}._form_17drm_47._isLoading_17drm_52{visibility:hidden}@media not (max-width:374px){._content_17drm_1._content_17drm_1{overflow:auto}}@media not (max-width:459px){:has(>._content_17drm_1._content_17drm_1:not(._isFullscreen_17drm_4)){display:flex;padding:var(--bp-space-080);overflow:auto}._content_17drm_1._content_17drm_1{max-height:none;margin:auto;overflow:visible}}
+._content_1k0mu_1._content_1k0mu_1{max-width:480px}._content_1k0mu_1._content_1k0mu_1._isFullscreen_1k0mu_4{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;border-radius:0;animation:none}._content_1k0mu_1._content_1k0mu_1._isFullscreen_1k0mu_4 ._body_1k0mu_13{overflow:hidden auto}._title_1k0mu_17{display:inline}._title_1k0mu_17:after{display:inline-block;width:var(--bp-space-020);content:""}._body_1k0mu_13._body_1k0mu_13{position:relative;display:flex;flex-direction:column;flex-grow:1;padding-top:0;padding-bottom:var(--bp-space-080)}._body_1k0mu_13._body_1k0mu_13:before{display:block;width:100vw;content:""}._body_1k0mu_13._body_1k0mu_13._hasFooter_1k0mu_39{padding-bottom:0}._loading_1k0mu_43{position:absolute;inset:0;display:flex;align-items:center;padding-bottom:var(--bp-space-080)}._form_1k0mu_51{display:flex;flex-direction:column;flex-grow:1}._form_1k0mu_51._isLoading_1k0mu_56{visibility:hidden}@media not (max-width:374px){._content_1k0mu_1._content_1k0mu_1{overflow:auto}}@media not (max-width:459px){:has(>._content_1k0mu_1._content_1k0mu_1:not(._isFullscreen_1k0mu_4)){display:flex;padding:var(--bp-space-080);overflow:auto}._content_1k0mu_1._content_1k0mu_1{max-height:none;margin:auto;overflow:visible}}

package/dist/types/lib/contexts/unified-share-form-context.d.ts

@@ -7,6 +7,7 @@ export interface UnifiedShareFormContextValue {
     containerRef: HTMLDivElement | null;
     form: FormType;
     isCollaboratorsOpen: boolean;
+    isInteracted: boolean;
     isSharedLinkAutoCopied: React.MutableRefObject<boolean>;
     isSharedLinkAutoCreated: React.MutableRefObject<boolean>;
     messageValue: string;

package/package.json

@@ -1,22 +1,22 @@
 {
     "name": "@box/unified-share-modal",
-    "version": "2.8.2",
+    "version": "2.8.4",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
-        "@box/blueprint-web": "^13.7.4",
-        "@box/blueprint-web-assets": "^4.106.1",
-        "@box/copy-input": "^1.39.26",
-        "@box/user-selector": "^1.73.27",
+        "@box/blueprint-web": "^13.7.6",
+        "@box/blueprint-web-assets": "^4.108.0",
+        "@box/copy-input": "^1.39.28",
+        "@box/user-selector": "^1.73.29",
         "lodash": "^4.17.15",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^13.7.4",
-        "@box/blueprint-web-assets": "^4.106.1",
-        "@box/copy-input": "^1.39.26",
-        "@box/storybook-utils": "0.16.76",
+        "@box/blueprint-web": "^13.7.6",
+        "@box/blueprint-web-assets": "^4.108.0",
+        "@box/copy-input": "^1.39.28",
+        "@box/storybook-utils": "0.16.78",
         "@box/eslint-plugin-blueprint": "1.1.6",
         "react-intl": "^6.4.2"
     },