@box/metadata-editor 0.120.21 → 0.121.0

package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js

@@ -1,120 +1,121 @@
-import { Tooltip as L, Button as x, LoadingIndicator as R, IconButton as k, SplitButton as v, DropdownMenu as N, Text as D } from "@box/blueprint-web";
-import { BoxAiLogo as E } from "@box/blueprint-web-assets/icons/Logo";
-import { BoxAiColor as K } from "@box/blueprint-web-assets/icons/Medium";
-import { useLocalStorageAIAgents as O } from "@box/box-ai-agent-selector";
-import { useFormikContext as j, getIn as p } from "formik";
-import { useEffect as w, useMemo as F, forwardRef as P, useState as Y } from "react";
-import { useIntl as G } from "react-intl";
-import { EXTRACT_AI_AGENT_LOCAL_STORAGE_KEY as V, EXTRACT_AGENTS_MAP as y } from "../../../../constants.js";
-import { autofillMessages as X } from "../../../../messages.js";
-import { useAutofill as q } from "../../../../utils/autofill-context.js";
-import { getTooltipContent as z } from "../../../../utils/utils.js";
+import { Tooltip as N, Button as R, LoadingIndicator as k, IconButton as v, SplitButton as x, DropdownMenu as G, Text as D } from "@box/blueprint-web";
+import { BoxAiAdvancedLogo24 as K, BoxAiLogo24 as O } from "@box/blueprint-web-assets/icons/Logo";
+import { useLocalStorageAIAgents as j } from "@box/box-ai-agent-selector";
+import { useFormikContext as w, getIn as p } from "formik";
+import { useEffect as F, useMemo as P, forwardRef as Y, useState as V } from "react";
+import { useIntl as E } from "react-intl";
+import { EXTRACT_AI_AGENT_LOCAL_STORAGE_KEY as X, EXTRACT_AGENTS_MAP as S } from "../../../../constants.js";
+import { autofillMessages as q } from "../../../../messages.js";
+import { useAutofill as z } from "../../../../utils/autofill-context.js";
+import { getTooltipContent as H } from "../../../../utils/utils.js";
 import g from "./messages.js";
-import { jsx as o, jsxs as H } from "react/jsx-runtime";
-import '../../../../../../styles/metadata-instance-form-autofill-button.css';const J = "_loadingIndicator_i1hyy_1", Q = "_actionMenuItem_i1hyy_11", U = "_splitButtonIcon_i1hyy_17", S = {
-  loadingIndicator: J,
-  actionMenuItem: Q,
-  splitButtonIcon: U
-}, W = /* @__PURE__ */ P(({
+import { jsx as t, jsxs as J } from "react/jsx-runtime";
+import '../../../../../../styles/metadata-instance-form-autofill-button.css';const Q = "_loadingIndicator_i1hyy_1", U = "_actionMenuItem_i1hyy_11", W = "_splitButtonIcon_i1hyy_17", T = {
+  loadingIndicator: Q,
+  actionMenuItem: U,
+  splitButtonIcon: W
+}, Z = /* @__PURE__ */ Y(({
   isButtonDisabled: I,
   onAutofill: A,
-  onAgentChange: u,
+  onAgentChange: m,
   storedAgent: B,
-  ...a
-}, _) => {
-  const m = G(), [i, d] = Y(B || "standard"), e = (t) => {
-    d(t), u(t), setTimeout(() => {
-      A(t);
+  icon: n,
+  ..._
+}, h) => {
+  const a = E(), [d, i] = V(B || "standard"), r = (o) => {
+    i(o), m(o), setTimeout(() => {
+      A(o);
     }, 0);
   };
-  return /* @__PURE__ */ o(v, {
-    ...a,
-    ref: _,
+  return /* @__PURE__ */ t(x, {
+    ..._,
+    ref: h,
     disabled: I,
     dropdownTriggerAriaLabel: "See agent options.",
-    icon: E,
-    label: m.formatMessage(g.autofillButton),
+    icon: n,
+    label: a.formatMessage(g.autofillButton),
     onClick: () => A(),
     variant: "secondary",
-    children: /* @__PURE__ */ o(N.RadioGroup, {
-      onValueChange: (t) => e(t),
-      value: i,
-      children: Object.entries(y).map(([t, s]) => {
-        const n = s.ICON;
-        return /* @__PURE__ */ o(N.RadioSelectItem, {
-          value: s.AGENT_TYPE,
-          children: /* @__PURE__ */ H("div", {
-            className: S.actionMenuItem,
-            children: [/* @__PURE__ */ o(n, {
+    children: /* @__PURE__ */ t(G.RadioGroup, {
+      onValueChange: (o) => r(o),
+      value: d,
+      children: Object.entries(S).map(([o, e]) => {
+        const l = e.ICON;
+        return /* @__PURE__ */ t(G.RadioSelectItem, {
+          value: e.AGENT_TYPE,
+          children: /* @__PURE__ */ J("div", {
+            className: T.actionMenuItem,
+            children: [/* @__PURE__ */ t(l, {
               "aria-hidden": !0,
-              className: S.splitButtonIcon
-            }), /* @__PURE__ */ o(D, {
+              className: T.splitButtonIcon
+            }), /* @__PURE__ */ t(D, {
               as: "span",
-              children: m.formatMessage(g[s.DISPLAY_MSG])
+              children: a.formatMessage(g[e.DISPLAY_MSG])
             })]
           })
-        }, t);
+        }, o);
       })
     })
   });
 }), mt = ({
   areAiSuggestionsAvailable: I,
   isBetaLanguageEnabled: A,
-  isLoading: u,
+  isLoading: m,
   variant: B = "secondary-button",
-  isAdvancedExtractAgentEnabled: a = !1,
+  isAdvancedExtractAgentEnabled: n = !1,
   onAutofill: _
 }) => {
   const {
-    isSubmitting: m,
-    values: i,
+    isSubmitting: h,
+    values: a,
     setFieldValue: d
-  } = j(), e = G(), [t, s] = O(V), {
-    suggestions: n
-  } = q();
-  w(() => {
-    if (n) {
-      const r = p(i, "metadata.fields"), M = p(i, "metadata.templateKey");
-      d("metadata.fields", r == null ? void 0 : r.map((l) => {
-        var c;
-        const f = (c = n == null ? void 0 : n[M]) == null ? void 0 : c[l.key];
+  } = w(), i = E(), [r, o] = j(X), {
+    suggestions: e
+  } = z();
+  F(() => {
+    if (e) {
+      const s = p(a, "metadata.fields"), C = p(a, "metadata.templateKey");
+      d("metadata.fields", s == null ? void 0 : s.map((c) => {
+        var u;
+        const f = (u = e == null ? void 0 : e[C]) == null ? void 0 : u[c.key];
         return f ? {
-          ...l,
+          ...c,
           aiSuggestion: f
-        } : l;
+        } : c;
       }));
     }
-  }, [n, d]);
-  const h = (r) => {
-    var c, b;
-    const M = p(i, "metadata.templateKey"), l = p(i, "metadata.scope"), f = r ? (c = y[r]) == null ? void 0 : c.AGENT_ID : (b = y[t]) == null ? void 0 : b.AGENT_ID;
-    _(M, l, a ? f : void 0);
-  }, C = !I || m || u, T = F(() => z(a, t, e), [a, t, e]);
-  return B === "secondary-button" ? /* @__PURE__ */ o(L, {
-    content: T,
-    children: a ? /* @__PURE__ */ o(W, {
-      isButtonDisabled: C,
-      onAgentChange: s,
-      onAutofill: h,
-      storedAgent: t
-    }) : /* @__PURE__ */ o(x, {
-      disabled: C,
-      icon: E,
-      onClick: () => h(),
+  }, [e, d]);
+  const l = (s) => {
+    var u, L;
+    const C = p(a, "metadata.templateKey"), c = p(a, "metadata.scope"), f = s ? (u = S[s]) == null ? void 0 : u.AGENT_ID : (L = S[r]) == null ? void 0 : L.AGENT_ID;
+    _(C, c, n ? f : void 0);
+  }, M = !I || h || m, y = r === "enhanced" && n ? K : O, b = P(() => H(n, r, i), [n, r, i]);
+  return B === "secondary-button" ? /* @__PURE__ */ t(N, {
+    content: b,
+    children: n ? /* @__PURE__ */ t(Z, {
+      icon: y,
+      isButtonDisabled: M,
+      onAgentChange: o,
+      onAutofill: l,
+      storedAgent: r
+    }) : /* @__PURE__ */ t(R, {
+      disabled: M,
+      icon: y,
+      onClick: () => l(),
       variant: "secondary",
       "data-target-id": "Button-autofillButton",
-      children: e.formatMessage(g.autofillButton)
+      children: i.formatMessage(g.autofillButton)
     })
-  }) : /* @__PURE__ */ o(L, {
-    content: T,
-    children: u ? /* @__PURE__ */ o(R, {
-      "aria-label": e.formatMessage(g.loadingButtonAriaLabel),
-      className: S.loadingIndicator
-    }) : /* @__PURE__ */ o(k, {
-      "aria-label": e.formatMessage(X.autofillButtonAriaLabel),
-      disabled: C,
-      icon: K,
-      onClick: () => h(),
+  }) : /* @__PURE__ */ t(N, {
+    content: b,
+    children: m ? /* @__PURE__ */ t(k, {
+      "aria-label": i.formatMessage(g.loadingButtonAriaLabel),
+      className: T.loadingIndicator
+    }) : /* @__PURE__ */ t(v, {
+      "aria-label": i.formatMessage(q.autofillButtonAriaLabel),
+      disabled: M,
+      icon: y,
+      onClick: () => l(),
       variant: "icon-logo",
       "data-target-id": "IconButton-autofillButtonAriaLabel"
     })

package/dist/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js

@@ -1,53 +1,53 @@
-import { Tooltip as l, IconButton as c } from "@box/blueprint-web";
+import { Tooltip as c, IconButton as l } from "@box/blueprint-web";
 import { Pencil as A } from "@box/blueprint-web-assets/icons/Line";
-import { BoxAiColor as C } from "@box/blueprint-web-assets/icons/Medium";
+import { BoxAiAdvancedLogo24 as C, BoxAiLogo24 as L } from "@box/blueprint-web-assets/icons/Logo";
 import { useLocalStorageAIAgents as b } from "@box/box-ai-agent-selector";
-import { useMemo as L } from "react";
+import { useMemo as h } from "react";
 import { useIntl as M } from "react-intl";
-import { EXTRACT_AI_AGENT_LOCAL_STORAGE_KEY as h, EXTRACT_AGENTS_MAP as H } from "../../../../constants.js";
-import { autofillMessages as N } from "../../../../messages.js";
-import { getTooltipContent as E } from "../../../../utils/utils.js";
-import G from "../../../interactive-header-text/interactive-header-text.js";
+import { EXTRACT_AI_AGENT_LOCAL_STORAGE_KEY as H, EXTRACT_AGENTS_MAP as N } from "../../../../constants.js";
+import { autofillMessages as G } from "../../../../messages.js";
+import { getTooltipContent as v } from "../../../../utils/utils.js";
+import x from "../../../interactive-header-text/interactive-header-text.js";
 import i from "./messages.js";
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import '../../../../../../styles/metadata-instance-header.css';const v = "_metadataInstanceHeader_17bsu_1", x = "_iconButtonsContainer_17bsu_6", R = "_title_17bsu_14", s = {
-  metadataInstanceHeader: v,
-  iconButtonsContainer: x,
-  title: R
-}, z = ({
+import '../../../../../../styles/metadata-instance-header.css';const R = "_metadataInstanceHeader_17bsu_1", S = "_iconButtonsContainer_17bsu_6", j = "_title_17bsu_14", s = {
+  metadataInstanceHeader: R,
+  iconButtonsContainer: S,
+  title: j
+}, F = ({
   areAiSuggestionsAvailable: u,
   canEdit: d,
   isAiSuggestionsFeatureEnabled: f,
-  isBetaLanguageEnabled: S,
+  isBetaLanguageEnabled: k,
   onEdit: _,
   onAutofill: p,
   templateName: e,
   isAdvancedExtractAgentEnabled: a = !1
 }) => {
   var r;
-  const t = M(), B = e || t.formatMessage(i.customInstanceTitle), I = f && e, [n] = b(h), T = a && ((r = H[n]) == null ? void 0 : r.AGENT_ID), g = L(() => E(a, n, t), [a, n, t]);
+  const t = M(), B = e || t.formatMessage(i.customInstanceTitle), g = f && e, [n] = b(H), I = a && ((r = N[n]) == null ? void 0 : r.AGENT_ID), T = h(() => v(a, n, t), [a, n, t]);
   return /* @__PURE__ */ m("div", {
     className: s.metadataInstanceHeader,
-    children: [/* @__PURE__ */ o(G, {
+    children: [/* @__PURE__ */ o(x, {
       className: s.title,
       title: B
     }), d && /* @__PURE__ */ m("div", {
       className: s.iconButtonsContainer,
-      children: [I && /* @__PURE__ */ o(l, {
-        content: g,
-        children: /* @__PURE__ */ o(c, {
-          "aria-label": t.formatMessage(N.autofillButtonAriaLabelWithTemplateName, {
+      children: [g && /* @__PURE__ */ o(c, {
+        content: T,
+        children: /* @__PURE__ */ o(l, {
+          "aria-label": t.formatMessage(G.autofillButtonAriaLabelWithTemplateName, {
             templateName: e
           }),
           disabled: !u,
-          icon: C,
-          onClick: () => p(T || void 0),
+          icon: n === "enhanced" && a ? C : L,
+          onClick: () => p(I || void 0),
           variant: "icon-logo",
           "data-target-id": "IconButton-autofillButtonAriaLabelWithTemplateName"
         })
-      }), /* @__PURE__ */ o(l, {
+      }), /* @__PURE__ */ o(c, {
         content: t.formatMessage(i.editButtonTooltip),
-        children: /* @__PURE__ */ o(c, {
+        children: /* @__PURE__ */ o(l, {
           "aria-label": t.formatMessage(i.editButtonAriaLabel, {
             templateName: e
           }),
@@ -60,5 +60,5 @@ import '../../../../../../styles/metadata-instance-header.css';const v = "_metad
   });
 };
 export {
-  z as MetadataInstanceHeader
+  F as MetadataInstanceHeader
 };

package/dist/types/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-autofill-button/types.d.ts

@@ -12,4 +12,5 @@ export type AutofillSplitButtonProps = {
     isButtonDisabled: boolean;
     onAutofill: (agentType?: string) => void;
     storedAgent: StoredAgentType;
+    icon: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
 };

package/package.json

@@ -1,11 +1,11 @@
 {
     "name": "@box/metadata-editor",
-    "version": "0.120.21",
+    "version": "0.121.0",
     "peerDependencies": {
         "@ariakit/react": "0.4.15",
         "@box/box-ai-agent-selector": "^0.41.7",
         "@box/blueprint-web": "^7.30.3",
-        "@box/blueprint-web-assets": "^4.53.0",
+        "@box/blueprint-web-assets": "^4.59.1",
         "@box/combobox-with-api": "^0.26.0",
         "formik": "^2.0.3",
         "lodash": "^4.17.15",
@@ -15,9 +15,9 @@
     },
     "devDependencies": {
         "@ariakit/react": "0.4.15",
-        "@box/box-ai-agent-selector": "^0.48.4",
+        "@box/box-ai-agent-selector": "^0.48.6",
         "@box/babel-plugin-target-attributes": "1.3.0",
-        "@box/blueprint-web": "^12.37.0",
+        "@box/blueprint-web": "^12.38.0",
         "@box/blueprint-web-assets": "^4.60.0",
         "@box/storybook-utils": "^0.13.14",
         "@testing-library/react": "^15.0.6",