@box/unified-share-modal 2.11.3 → 2.11.5

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

@@ -31,16 +31,16 @@ function Ie() {
   } = H(), f = G(null), {
     isInteracted: L,
     isSharedLinkAutoCopied: m,
-    isSharedLinkAutoCreated: r,
+    isSharedLinkAutoCreated: n,
     setForm: B
   } = ne(), {
     config: s,
     eventService: F,
     isFetching: x,
-    isSubmitting: n,
+    isSubmitting: o,
     item: M,
     setView: T,
-    sharedLink: o,
+    sharedLink: r,
     sharingService: O
   } = oe(), {
     permissions: _ = {}
@@ -53,7 +53,7 @@ function Ie() {
     notifications: E,
     sharedLinkAutoCopy: R,
     sharedLinkAutoCreate: D
-  } = s, a = !!o.url, c = R && !m.current && !L, j = D && !r.current && !L, U = I(async () => {
+  } = s, a = !!r.url, c = R && !m.current && !L, j = D && !n.current && !L, U = I(async () => {
     const d = await N();
     return c ? {
       messages: []
@@ -62,17 +62,18 @@ function Ie() {
     onAction: b
   } = re(U, "create-shared-link");
   V(() => {
-    (async () => x || n || ((c || j) && !a && (await b(), r.current = !0), c && a && f.current && f.current.click()))();
-  }, [a, c, j, x, m, r, n, b]);
+    (async () => x || o || ((c || j) && !a && !n.current && (n.current = !0, await b()), c && a && f.current && f.current.click()))();
+  }, [a, c, j, x, m, n, o, b]);
   const z = I((d) => {
     if (S && S(d), !c)
       return;
+    m.current = !0;
     let g;
-    typeof d != "string" ? g = r.current ? e(t.autoCreateCopyErrorNoticeText) : null : g = r.current ? e(t.autoCreateCopySuccessNoticeText) : e(t.autoCopySuccessNoticeText), g && E.includes("auto-copy-shared-link") && v({
+    typeof d != "string" ? g = n.current ? e(t.autoCreateCopyErrorNoticeText) : null : g = n.current ? e(t.autoCreateCopySuccessNoticeText) : e(t.autoCopySuccessNoticeText), g && E.includes("auto-copy-shared-link") && v({
       ...se(e, "success"),
       styledText: g
-    }), m.current = !0;
-  }, [v, e, c, m, r, E, S]), K = async (d) => {
+    });
+  }, [v, e, c, m, n, E, S]), K = async (d) => {
     if (d) {
       await b();
       return;
@@ -86,7 +87,7 @@ function Ie() {
     T("shared-link-settings");
   };
   let u, p = !1;
-  return !a && !n && (u = e(t.sharedLinkToggleTooltip)), !a && !_.canShare && (u = e(t.createLinkDisabledTooltip), p = !0), a && !_.canSetShareAccess && (u = e(t.removeLinkDisabledTooltip), p = !0), /* @__PURE__ */ h("div", {
+  return !a && !o && (u = e(t.sharedLinkToggleTooltip)), !a && !_.canShare && (u = e(t.createLinkDisabledTooltip), p = !0), a && !_.canSetShareAccess && (u = e(t.removeLinkDisabledTooltip), p = !0), /* @__PURE__ */ h("div", {
     className: l.container,
     children: [/* @__PURE__ */ i(y, {
       as: "label",
@@ -104,15 +105,15 @@ function Ie() {
           children: /* @__PURE__ */ i(Q.Item, {
             checked: a,
             "data-target-id": "Toggle-CreateSharedLink",
-            disabled: p || n,
+            disabled: p || o,
             label: e(t.sharedLinkToggleLabel),
             onCheckedChange: K,
             value: "shared-link"
           })
         })
-      }), a && !!o.expiresAt && /* @__PURE__ */ i(C, {
+      }), a && !!r.expiresAt && /* @__PURE__ */ i(C, {
         content: e(t.expirationIconTooltip, {
-          expirationDate: ce(o.expiresAt)
+          expirationDate: ce(r.expiresAt)
         }),
         "data-testid": "expiration-date-tooltip",
         children: /* @__PURE__ */ i(W, {
@@ -122,7 +123,7 @@ function Ie() {
           text: e(t.expirationIconLabel)
         })
       }), a && s.sharedLinkSettings && /* @__PURE__ */ i(X, {
-        "aria-disabled": n,
+        "aria-disabled": o,
         "aria-haspopup": "dialog",
         className: l.settings,
         "data-target-id": "PlainButton-SharedLinkSettings",
@@ -131,7 +132,7 @@ function Ie() {
           canPreventDefault: !0
         }),
         role: "button",
-        tabIndex: n ? -1 : 0,
+        tabIndex: o ? -1 : 0,
         variant: "standalone",
         children: e(t.sharedLinkSettingsLabel)
       })]
@@ -139,20 +140,20 @@ function Ie() {
       className: l.copy,
       children: [/* @__PURE__ */ i(te, {
         ref: f,
-        autoFocus: D && r.current && !L,
+        autoFocus: D && n.current && !L,
         "data-target-id": "Button-CopySharedLink",
-        disabled: n,
+        disabled: o,
         hideLabel: !0,
         label: e(t.sharedLinkUrlLabel),
         onCopy: z,
-        value: o.url
+        value: r.url
       }), s.sharedLinkEmail && /* @__PURE__ */ i(C, {
         align: "end",
         content: e(t.sharedLinkEmailLabel),
         children: /* @__PURE__ */ i(Y, {
           "aria-label": e(t.sharedLinkEmailLabel),
           "data-target-id": "Button-SendSharedLink",
-          disabled: n,
+          disabled: o,
           icon: $,
           onClick: () => B("email"),
           size: "large",
@@ -162,7 +163,7 @@ function Ie() {
     }), a && (s.sharedLinkAccess || s.sharedLinkPermission) && /* @__PURE__ */ h("div", {
       className: l.access,
       children: [s.sharedLinkAccess && /* @__PURE__ */ i(ie, {}), s.sharedLinkPermission && /* @__PURE__ */ i(ae, {})]
-    }), a && o.access === "open" && /* @__PURE__ */ h("div", {
+    }), a && r.access === "open" && /* @__PURE__ */ h("div", {
       children: [/* @__PURE__ */ i(P, {
         className: l.icon,
         height: k,
@@ -170,9 +171,9 @@ function Ie() {
       }), /* @__PURE__ */ i(y, {
         as: "span",
         color: "textOnLightSecondary",
-        children: o.permission === "can_edit" ? e(t.sharedLinkEditablePubliclyAvailable) : e(t.sharedLinkPubliclyAvailable)
+        children: r.permission === "can_edit" ? e(t.sharedLinkEditablePubliclyAvailable) : e(t.sharedLinkPubliclyAvailable)
       })]
-    }), a && o.access === "company" && o.permission === "can_edit" && /* @__PURE__ */ h("div", {
+    }), a && r.access === "company" && r.permission === "can_edit" && /* @__PURE__ */ h("div", {
       children: [/* @__PURE__ */ i(P, {
         className: l.icon,
         height: k,