@box/unified-share-modal 1.7.0 → 1.7.2

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

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

package/dist/esm/lib/hooks/use-link-settings-form.js

@@ -1,66 +1,68 @@
-import { useState as A, useEffect as C, useCallback as c } from "react";
-import { useFormValidation as F } from "./use-form-validation.js";
-import { useSharingAction as j } from "./use-sharing-action.js";
-import { getUpdatedLinkSettingsFormData as M } from "../utils/form.js";
-import { useUnifiedShareModalContext as O } from "../contexts/unified-share-modal-context.js";
-const H = (r) => {
-  const [s, o] = A(r), {
-    errors: E,
-    setErrors: e,
+import A from "lodash/isEqual";
+import { useState as C, useRef as j, useEffect as q, useCallback as i } from "react";
+import { useFormValidation as I } from "./use-form-validation.js";
+import { useSharingAction as M } from "./use-sharing-action.js";
+import { getUpdatedLinkSettingsFormData as O } from "../utils/form.js";
+import { useUnifiedShareModalContext as z } from "../contexts/unified-share-modal-context.js";
+const Q = (e) => {
+  const [s, o] = C(e), u = j(e), {
+    errors: h,
+    setErrors: r,
     setFieldError: n,
-    validateExpiration: u,
+    validateExpiration: p,
     validatePassword: a,
-    validateVanityName: p
-  } = F(), {
-    sharingService: f
-  } = O(), {
-    updateSharedLink: h
-  } = f, {
+    validateVanityName: f
+  } = I(), {
+    sharingService: E
+  } = z(), {
+    updateSharedLink: g
+  } = E, {
     isLoading: l,
     onAction: m
-  } = j(h, "update-shared-link");
-  C(() => {
-    o(r), e({});
-  }, [r, e]);
-  const S = c((t, d) => {
-    o((i) => ({
-      ...i,
-      [t]: d
+  } = M(g, "update-shared-link");
+  q(() => {
+    !A(u.current, e) && (o(e), r({}), u.current = e);
+  }, [e, r]);
+  const S = i((t, c) => {
+    o((d) => ({
+      ...d,
+      [t]: c
     }));
-  }, []), g = c(() => {
-    o(r), e({});
-  }, [r, e]), b = c(async () => {
-    const t = M(s, r), {
-      expiration: d,
-      isExpirationEnabled: i,
+  }, []), b = i(() => {
+    o(e), r({});
+  }, [e, r]), v = i(async () => {
+    const t = O(s, e), {
+      expiration: c,
+      isExpirationEnabled: d,
       isPasswordEnabled: x,
       isVanityNameEnabled: y,
       password: k,
-      vanityName: v
-    } = t, w = i && u(d), V = x && a(k), L = y && p(v);
-    if (w || V || L)
+      vanityName: w
+    } = t, V = d && p(c), L = x && a(k), N = y && f(w);
+    if (V || L || N)
       return !0;
     try {
       await m({
-        ...r,
+        ...e,
         ...t
       });
-    } catch (N) {
-      return Object.entries(N).forEach(([U, P]) => n(U, P)), !0;
+    } catch (U) {
+      return Object.entries(U).forEach(([P, R]) => n(P, R)), !0;
     }
     return !1;
-  }, [s, r, m, n, u, a, p]);
+  }, [s, e, m, n, p, a, f]);
   return {
-    errors: E,
+    errors: h,
     formData: s,
-    handleFormReset: g,
-    handleFormSubmit: b,
+    handleFormReset: b,
+    handleFormSubmit: v,
     isUpdating: l,
+    setErrors: r,
     setFieldError: n,
     setFieldValue: S,
     validatePassword: a
   };
 };
 export {
-  H as useLinkSettingsForm
+  Q as useLinkSettingsForm
 };

package/dist/types/lib/hooks/use-link-settings-form.d.ts

@@ -5,6 +5,7 @@ export declare const useLinkSettingsForm: (initialFormData: LinkSettingsFormData
     handleFormReset: () => void;
     handleFormSubmit: () => Promise<boolean>;
     isUpdating: boolean;
+    setErrors: import('react').Dispatch<import('react').SetStateAction<import('./use-form-validation').FormErrors>>;
     setFieldError: (field: any, error: any) => void;
     setFieldValue: (field: any, value: any) => void;
     validatePassword: (password: string) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/unified-share-modal",
-    "version": "1.7.0",
+    "version": "1.7.2",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^9.18.13",
@@ -13,10 +13,10 @@
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^12.93.0",
-        "@box/blueprint-web-assets": "^4.77.0",
-        "@box/copy-input": "^1.6.0",
-        "@box/storybook-utils": "0.14.14",
+        "@box/blueprint-web": "^12.93.1",
+        "@box/blueprint-web-assets": "^4.78.0",
+        "@box/copy-input": "^1.6.1",
+        "@box/storybook-utils": "0.14.15",
         "@box/eslint-plugin-blueprint": "1.0.5",
         "react-intl": "^6.4.2"
     },