@box/metadata-editor 1.61.4 → 1.62.0

package/dist/chunks/utils.js

@@ -1,42 +1,51 @@
-import h from "lodash/isEmpty";
-import O from "lodash/isArray";
-import { TEMPLATE_CUSTOM_PROPERTIES as f } from "../esm/lib/constants.js";
-const n = {
+import i from "lodash/isArray";
+import m from "lodash/isEmpty";
+import { TEMPLATE_CUSTOM_PROPERTIES as O } from "../esm/lib/constants.js";
+const E = {
   ADD: "add",
   REMOVE: "remove",
   REPLACE: "replace",
   TEST: "test"
-}, p = (e) => e.value === void 0 || e.value === null || e.value === "" || O(e.value) && h(e.value), S = (e, a) => {
-  const o = [], c = e.metadata.fields, r = a.templateKey === f, E = new Map(a.fields.map((t) => [t.key, t])), m = new Map(c.map((t) => [t.key, t]));
-  return c.forEach((t) => {
-    const s = E.get(t.key);
-    s ? JSON.stringify(t) === JSON.stringify(s) || (!r && p(s) && !p(t) ? o.push(v(t.key, u(t))) : (
-      // template instance
-      (!r && t.value !== s.value && s.value !== null && !p(t) || // custom instance
-      r && t.value !== s.value) && (o.push(y(s.key, u(s))), o.push(M(t.key, u(t))))
-    )) : o.push(v(t.key, t.value));
-  }), a.fields.forEach((t) => {
-    const s = m.get(t.key);
-    (!s || !r && p(s) && !p(t)) && (o.push(y(t.key, u(t))), o.push(k(t.key)));
+}, l = "AI_ACCEPTED", y = (e, s) => e.value === s.value && e.level === s.level && e.isAccepted === s.isAccepted, a = (e) => e.value === void 0 || e.value === null || e.value === "" || i(e.value) && m(e.value), A = (e, s, o) => {
+  const r = s.confidenceScore, n = o.confidenceScore;
+  return n ? r && y(r, n) ? [] : T(e, n, r) : r ? g(e, r) : [];
+}, g = (e, s) => {
+  const o = [];
+  return s.isAccepted && o.push(u(`${e}/process`)), o.push(u(`${e}/confidenceScore`), u(`${e}/confidenceLevel`)), o;
+}, T = (e, s, o) => {
+  const r = [];
+  return s.isAccepted ? r.push(p(`${e}/process`, l)) : o?.isAccepted && r.push(u(`${e}/process`)), r.push(p(`${e}/confidenceScore`, s.value), p(`${e}/confidenceLevel`, s.level)), r;
+}, M = (e, s) => {
+  const o = [], r = e.metadata.fields, n = s.templateKey === O, h = new Map(s.fields.map((t) => [t.key, t])), S = new Map(r.map((t) => [t.key, t]));
+  return r.forEach((t) => {
+    const c = h.get(t.key);
+    if (!c) {
+      o.push(p(t.key, t.value));
+      return;
+    }
+    JSON.stringify(t) !== JSON.stringify(c) && (!n && a(c) && !a(t) ? o.push(p(t.key, v(t))) : (!n && t.value !== c.value && c.value !== null && !a(t) || n && t.value !== c.value) && (o.push(f(c.key, v(c))), o.push($(t.key, v(t)))), o.push(...A(t.key, c, t)));
+  }), s.fields.forEach((t) => {
+    const c = S.get(t.key);
+    (!c || !n && a(c) && !a(t)) && (o.push(f(t.key, v(t))), o.push(u(t.key)));
   }), o;
-}, u = (e) => e.type === "float" ? Number(e.value) : e.type === "taxonomy" ? e.value.map((a) => a.value) : e.value, y = (e, a) => ({
-  op: n.TEST,
+}, v = (e) => e.type === "float" ? Number(e.value) : e.type === "taxonomy" ? e.value.map((s) => s.value) : e.type === "date" && typeof e.value == "string" ? new Date(e.value).toISOString() : e.value, f = (e, s) => ({
+  op: E.TEST,
   path: `/${e}`,
-  value: a
-}), v = (e, a) => ({
-  op: n.ADD,
+  value: s
+}), p = (e, s) => ({
+  op: E.ADD,
   path: `/${e}`,
-  value: a
-}), k = (e) => ({
-  op: n.REMOVE,
+  value: s
+}), u = (e) => ({
+  op: E.REMOVE,
   path: `/${e}`
-}), M = (e, a) => ({
-  op: n.REPLACE,
+}), $ = (e, s) => ({
+  op: E.REPLACE,
   path: `/${e}`,
-  value: a
+  value: s
 });
 export {
-  n as J,
-  S as c,
-  u as g
+  E as J,
+  M as c,
+  v as g
 };

package/dist/chunks/utils2.js

@@ -1,16 +1,16 @@
 import _ from "clsx";
-import { memo as b, createElement as g } from "react";
-import { convertISOStringtoRFC3339String as f } from "../esm/lib/utils/convertDate.js";
+import { memo as b, createElement as f } from "react";
+import { convertISOStringtoRFC3339String as g } from "../esm/lib/utils/convertDate.js";
 import v from "../esm/lib/components/interactive-text/interactive-text.js";
 import { jsx as n, jsxs as T } from "react/jsx-runtime";
 import { isConfidenceScoreNeedingReview as N } from "../esm/lib/utils/confidence-score/is-confidence-score-needing-review.js";
 import { LowConfidenceBadge as h } from "../esm/lib/components/metadata-editor-fields/components/low-confidence-badge/low-confidence-badge.js";
 import { AiLogoBadge as A } from "../esm/lib/components/metadata-editor-fields/components/ai-logo-badge/ai-logo-badge.js";
-import '../styles/utils.css';const C = "_noAttributesText_1oruv_2", x = "_fieldWrapper_1oruv_6", L = "_hasSuggestion_1oruv_11", S = "_hasConfidenceReview_1oruv_16", w = "_dateField_1oruv_44", F = "_aiApproved_1oruv_49", W = "_labelWrapper_1oruv_96", I = "_labelText_1oruv_102", P = "_labelTruncated_1oruv_105", R = "_labelIcon_1oruv_112", s = {
+import '../styles/utils.css';const C = "_noAttributesText_1oruv_2", S = "_fieldWrapper_1oruv_6", x = "_hasSuggestion_1oruv_11", L = "_hasConfidenceReview_1oruv_16", w = "_dateField_1oruv_44", F = "_aiApproved_1oruv_49", W = "_labelWrapper_1oruv_96", I = "_labelText_1oruv_102", P = "_labelTruncated_1oruv_105", R = "_labelIcon_1oruv_112", s = {
   noAttributesText: C,
-  fieldWrapper: x,
-  hasSuggestion: L,
-  hasConfidenceReview: S,
+  fieldWrapper: S,
+  hasSuggestion: x,
+  hasConfidenceReview: L,
   dateField: w,
   aiApproved: F,
   labelWrapper: W,
@@ -20,19 +20,17 @@ import '../styles/utils.css';const C = "_noAttributesText_1oruv_2", x = "_fieldW
 }, D = /* @__PURE__ */ b(function({
   fieldName: e,
   fieldDescription: o,
-  isAiSuggestionApplied: a,
+  isAiSuggestionApplied: r,
   as: l,
-  confidenceScore: r,
+  confidenceScore: a,
   labelProps: d
 }) {
   const {
     className: u,
     ...i
-  } = d, c = _(u || s.labelText, s.labelTruncated), p = !!r && N(r), m = () => r && p ? /* @__PURE__ */ n(h, {
-    confidenceScore: r
-  }) : a || r ? /* @__PURE__ */ n(A, {
+  } = d, c = _(u || s.labelText, s.labelTruncated), p = !!a && N(a), m = () => a && p ? /* @__PURE__ */ n(h, {}) : r || a ? /* @__PURE__ */ n(A, {
     className: s.labelIcon,
-    confidenceScore: r
+    confidenceScore: a
   }) : null;
   return /* @__PURE__ */ T("div", {
     className: s.labelWrapper,
@@ -42,24 +40,24 @@ import '../styles/utils.css';const C = "_noAttributesText_1oruv_2", x = "_fieldW
       tooltipText: o,
       ...i,
       children: e
-    }) : /* @__PURE__ */ g(l, {
+    }) : /* @__PURE__ */ f(l, {
       className: c,
       ...i
     }, e), m()]
   });
 }, (t, e) => {
-  const o = t.labelProps, a = e.labelProps;
-  return t.fieldName === e.fieldName && t.fieldDescription === e.fieldDescription && t.isAiSuggestionApplied === e.isAiSuggestionApplied && t.confidenceScore === e.confidenceScore && t.as === e.as && o.className === a.className && o.htmlFor === a.htmlFor && o.id === a.id;
-}), G = (t, e, o = !1, a = "label", l) => (r) => /* @__PURE__ */ n(D, {
-  as: a,
+  const o = t.labelProps, r = e.labelProps;
+  return t.fieldName === e.fieldName && t.fieldDescription === e.fieldDescription && t.isAiSuggestionApplied === e.isAiSuggestionApplied && t.confidenceScore === e.confidenceScore && t.as === e.as && o.className === r.className && o.htmlFor === r.htmlFor && o.id === r.id;
+}), G = (t, e, o = !1, r = "label", l) => (a) => /* @__PURE__ */ n(D, {
+  as: r,
   confidenceScore: l,
   fieldDescription: e,
   fieldName: t,
   isAiSuggestionApplied: o,
-  labelProps: r
+  labelProps: a
 }), H = (t) => {
   try {
-    const e = f(t), o = new Date(e);
+    const e = g(t), o = new Date(e);
     return isNaN(o.getTime()) ? null : e;
   } catch {
     return null;

package/dist/esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/ai-suggestion-field.js

@@ -1,99 +1,100 @@
-import { useBlueprintModernization as w, Text as c, IconButton as g, DropdownMenu as a } from "@box/blueprint-web";
-import { Checkmark as u, Ellipsis as x } from "@box/blueprint-web-assets/icons/Fill";
-import v from "clsx";
-import { useIntl as A, FormattedMessage as s } from "react-intl";
-import { s as l } from "../../../../../../chunks/field-action-bar.module.js";
+import { useBlueprintModernization as w, Text as g, IconButton as c, DropdownMenu as i } from "@box/blueprint-web";
+import { Checkmark as S, Ellipsis as x } from "@box/blueprint-web-assets/icons/Fill";
+import A from "clsx";
+import { useIntl as b, FormattedMessage as d } from "react-intl";
+import { C as B } from "../../../../../../chunks/types.js";
+import { s } from "../../../../../../chunks/field-action-bar.module.js";
 import t from "./messages.js";
-import { formatSuggestionValue as b } from "./utils.js";
-import { jsx as e, jsxs as r, Fragment as S } from "react/jsx-runtime";
-import '../../../../../../styles/ai-suggestion-field.css';const B = "_wrapper_132y2_1", T = "_selectTrigger_132y2_1", h = {
-  wrapper: B,
-  selectTrigger: T
+import { formatSuggestionValue as T } from "./utils.js";
+import { jsx as e, jsxs as r, Fragment as h } from "react/jsx-runtime";
+import '../../../../../../styles/ai-suggestion-field.css';const _ = "_wrapper_132y2_1", L = "_selectTrigger_132y2_1", f = {
+  wrapper: _,
+  selectTrigger: L
 };
-function j({
+function y({
   aiSuggestion: C,
-  onAiSuggestionAppend: d,
-  onAiSuggestionReplace: m,
+  onAiSuggestionAppend: m,
+  onAiSuggestionReplace: l,
   onAiSuggestionIgnore: p,
-  type: o,
-  isSameValue: f,
-  confidenceLevel: n
+  type: n,
+  isSameValue: M,
+  confidenceLevel: o
 }) {
-  const i = A(), {
+  const a = b(), {
     enableModernizedComponents: I
-  } = w(), M = n ? n.charAt(0).toUpperCase() + n.slice(1).toLowerCase() : void 0;
+  } = w(), v = o === B.High ? t.confidenceLevelHigh : t.confidenceLevelLow, u = o ? a.formatMessage(v) : void 0;
   return /* @__PURE__ */ e("div", {
-    className: l.wrapperGradient,
+    className: s.wrapperGradient,
     "data-modern": I,
     children: /* @__PURE__ */ e("div", {
-      className: v(l.wrapper, h.wrapper),
-      children: f ? /* @__PURE__ */ r(S, {
-        children: [/* @__PURE__ */ e(c, {
+      className: A(s.wrapper, f.wrapper),
+      children: M ? /* @__PURE__ */ r(h, {
+        children: [/* @__PURE__ */ e(g, {
           as: "p",
           color: "textOnLightSecondary",
           variant: "caption",
-          children: /* @__PURE__ */ e(s, {
-            ...t.sameValueAiSuggestionCaption
-          })
+          children: o ? a.formatMessage(t.sameValueAiSuggestionCaptionWithLevel, {
+            level: u
+          }) : a.formatMessage(t.sameValueAiSuggestionCaption)
         }), /* @__PURE__ */ e("div", {
-          className: l.buttons,
-          children: /* @__PURE__ */ e(g, {
-            "aria-label": i.formatMessage(t.aiSuggestionConfirm),
-            icon: u,
-            onClick: p,
+          className: s.buttons,
+          children: /* @__PURE__ */ e(c, {
+            "aria-label": o ? a.formatMessage(t.aiSuggestionAccept) : a.formatMessage(t.aiSuggestionConfirm),
+            icon: S,
+            onClick: o ? l : p,
             size: "x-small",
-            "data-target-id": "IconButton-aiSuggestionConfirm"
+            "data-target-id": "IconButton-aiSuggestionAccept|aiSuggestionConfirm"
           })
         })]
-      }) : /* @__PURE__ */ r(S, {
+      }) : /* @__PURE__ */ r(h, {
         children: [/* @__PURE__ */ r("div", {
-          children: [/* @__PURE__ */ e(c, {
+          children: [/* @__PURE__ */ e(g, {
             as: "p",
             color: "textOnLightSecondary",
             variant: "caption",
-            children: n ? i.formatMessage(t.aiSuggestionCaptionWithLevel, {
-              level: M
-            }) : i.formatMessage(t.aiSuggestionCaption)
-          }), /* @__PURE__ */ e(c, {
+            children: o ? a.formatMessage(t.aiSuggestionCaptionWithLevel, {
+              level: u
+            }) : a.formatMessage(t.aiSuggestionCaption)
+          }), /* @__PURE__ */ e(g, {
             as: "p",
-            children: b(C, {
-              type: o,
-              locale: i.locale
+            children: T(C, {
+              type: n,
+              locale: a.locale
             })
           })]
         }), /* @__PURE__ */ r("div", {
-          className: l.buttons,
-          children: [/* @__PURE__ */ e(g, {
-            "aria-label": i.formatMessage(o === "multiSelect" ? t.aiSuggestionAppend : t.aiSuggestionClearAndReplace),
-            "data-target-id": o === "multiSelect" ? "IconButton-aiSuggestionAppend" : "IconButton-aiSuggestionClearAndReplace",
-            icon: u,
-            onClick: o === "multiSelect" ? d : m,
+          className: s.buttons,
+          children: [/* @__PURE__ */ e(c, {
+            "aria-label": a.formatMessage(n === "multiSelect" ? t.aiSuggestionAppend : t.aiSuggestionClearAndReplace),
+            "data-target-id": n === "multiSelect" ? "IconButton-aiSuggestionAppend" : "IconButton-aiSuggestionClearAndReplace",
+            icon: S,
+            onClick: n === "multiSelect" ? m : l,
             size: "x-small"
-          }), /* @__PURE__ */ r(a.Root, {
-            children: [/* @__PURE__ */ e(a.Trigger, {
-              className: h.selectTrigger,
-              children: /* @__PURE__ */ e(g, {
-                "aria-label": i.formatMessage(t.aiSuggestionOptions),
+          }), /* @__PURE__ */ r(i.Root, {
+            children: [/* @__PURE__ */ e(i.Trigger, {
+              className: f.selectTrigger,
+              children: /* @__PURE__ */ e(c, {
+                "aria-label": a.formatMessage(t.aiSuggestionOptions),
                 icon: x,
                 "data-target-id": "IconButton-aiSuggestionOptions"
               })
-            }), /* @__PURE__ */ r(a.Content, {
-              children: [o === "multiSelect" && /* @__PURE__ */ e(a.Item, {
-                onSelect: d,
+            }), /* @__PURE__ */ r(i.Content, {
+              children: [n === "multiSelect" && /* @__PURE__ */ e(i.Item, {
+                onSelect: m,
                 "data-target-id": "DropdownMenu.Item-aiSuggestionAppend",
-                children: /* @__PURE__ */ e(s, {
+                children: /* @__PURE__ */ e(d, {
                   ...t.aiSuggestionAppend
                 })
-              }), /* @__PURE__ */ e(a.Item, {
-                onSelect: m,
+              }), /* @__PURE__ */ e(i.Item, {
+                onSelect: l,
                 "data-target-id": "DropdownMenu.Item-aiSuggestionClearAndReplace",
-                children: /* @__PURE__ */ e(s, {
+                children: /* @__PURE__ */ e(d, {
                   ...t.aiSuggestionClearAndReplace
                 })
-              }), /* @__PURE__ */ e(a.Separator, {}), /* @__PURE__ */ e(a.Item, {
+              }), /* @__PURE__ */ e(i.Separator, {}), /* @__PURE__ */ e(i.Item, {
                 onSelect: p,
                 "data-target-id": "DropdownMenu.Item-aiSuggestionIgnore",
-                children: /* @__PURE__ */ e(s, {
+                children: /* @__PURE__ */ e(d, {
                   ...t.aiSuggestionIgnore
                 })
               })]
@@ -105,5 +106,5 @@ function j({
   });
 }
 export {
-  j as AiSuggestionField
+  y as AiSuggestionField
 };

package/dist/esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/messages.js

@@ -8,6 +8,10 @@ const i = e({
     id: "metadataEditor.aiSuggestionField.sameValueAiSuggestionCaption",
     defaultMessage: "Box AI suggests the same value as above"
   },
+  sameValueAiSuggestionCaptionWithLevel: {
+    id: "metadataEditor.aiSuggestionField.sameValueAiSuggestionCaptionWithLevel",
+    defaultMessage: "Box AI suggests the same value as above ({level} confidence)"
+  },
   aiSuggestionOptions: {
     id: "metadataEditor.aiSuggestionField.aiSuggestionOptions",
     defaultMessage: "Options"
@@ -28,9 +32,21 @@ const i = e({
     id: "metadataEditor.aiSuggestionField.aiSuggestionCaptionWithLevel",
     defaultMessage: "Box AI suggestion ({level} confidence)"
   },
+  confidenceLevelHigh: {
+    id: "metadataEditor.aiSuggestionField.confidenceLevelHigh",
+    defaultMessage: "High"
+  },
+  confidenceLevelLow: {
+    id: "metadataEditor.aiSuggestionField.confidenceLevelLow",
+    defaultMessage: "Low"
+  },
   aiSuggestionConfirm: {
     id: "metadataEditor.aiSuggestionField.dismissLabel",
     defaultMessage: "Confirm"
+  },
+  aiSuggestionAccept: {
+    id: "metadataEditor.aiSuggestionField.acceptLabel",
+    defaultMessage: "Accept suggestion"
   }
 });
 export {

package/dist/esm/lib/components/metadata-editor-fields/components/low-confidence-badge/low-confidence-badge.js

@@ -1,30 +1,25 @@
-import { Status as c, Tooltip as m } from "@box/blueprint-web";
-import { AlertCircle as s } from "@box/blueprint-web-assets/icons/Medium";
-import { SurfaceStatusSurfaceGray as f } from "@box/blueprint-web-assets/tokens/tokens";
-import { useIntl as a } from "react-intl";
-import p from "../../../../utils/confidence-score/messages.js";
-import l from "../../messages.js";
+import { Status as i, Tooltip as n } from "@box/blueprint-web";
+import { AlertCircle as m } from "@box/blueprint-web-assets/icons/Medium";
+import { SurfaceStatusSurfaceGray as s } from "@box/blueprint-web-assets/tokens/tokens";
+import { useIntl as c } from "react-intl";
+import f from "../../../../utils/confidence-score/messages.js";
+import a from "../../messages.js";
 import { jsx as t } from "react/jsx-runtime";
-import { formatConfidenceScorePercent as u } from "../../../../utils/confidence-score/format-confidence-score-percent.js";
-function L({
-  confidenceScore: e
-}) {
+function w() {
   const {
     formatMessage: o
-  } = a(), r = /* @__PURE__ */ t(c, {
-    color: f,
+  } = c(), e = /* @__PURE__ */ t(i, {
+    color: s,
     interactive: !0,
-    text: o(l.lowConfidenceBadge).toUpperCase(),
-    icon: s,
+    text: o(a.lowConfidenceBadge).toUpperCase(),
+    icon: m,
     iconPosition: "left"
-  }), i = u(e.value), n = o(p.tooltipLowConfidence, {
-    score: i
-  });
-  return /* @__PURE__ */ t(m, {
-    content: n,
-    children: r
+  }), r = o(f.tooltipLowConfidence);
+  return /* @__PURE__ */ t(n, {
+    content: r,
+    children: e
   });
 }
 export {
-  L as LowConfidenceBadge
+  w as LowConfidenceBadge
 };

package/dist/esm/lib/components/metadata-editor-fields/hooks/use-review-field-filter.js

@@ -0,0 +1,41 @@
+import { useState as p, useRef as R, useMemo as y, useCallback as m, useEffect as d } from "react";
+import { getFieldsNeedingReview as v } from "../../../utils/confidence-score/get-fields-needing-review.js";
+function w(s, i) {
+  const [o, a] = p(/* @__PURE__ */ new Set()), c = R(null), n = y(() => {
+    const e = v(s);
+    return new Set(e.map((t) => t.key));
+  }, [s]), u = m(() => {
+    if (!i || !c.current)
+      return;
+    const e = [];
+    for (const t of c.current)
+      n.has(t) || e.push(t);
+    e.length > 0 && a((t) => {
+      const f = new Set(t);
+      for (const r of e)
+        f.add(r);
+      return f;
+    });
+  }, [i, n]);
+  return d(() => {
+    u(), c.current = n;
+  }, [n, u]), d(() => {
+    i || a(/* @__PURE__ */ new Set());
+  }, [i]), y(() => {
+    const e = s.map((r, k) => ({
+      field: r,
+      originalIndex: k
+    }));
+    if (!i)
+      return e;
+    const t = e.filter(({
+      field: r
+    }) => n.has(r.key)), f = e.filter(({
+      field: r
+    }) => o.has(r.key) && !n.has(r.key));
+    return [...t, ...f];
+  }, [s, i, n, o]);
+}
+export {
+  w as useReviewFieldFilter
+};