@box/metadata-editor 0.111.4 → 0.112.0

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

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

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

@@ -18,10 +18,10 @@ import '../../../../../../styles/metadata-instance.css';const x = "_topDivider_t
   taxonomyNodeFetcher: h,
   isAdvancedExtractAgentEnabled: v = !1
 }) => {
-  const e = o.fields, m = (s) => !s.value || Array.isArray(s.value) && s.value.length === 0, E = e.every(m), f = e.some(m), V = e.length > 0, [i, r] = b(!0), {
+  const i = o.fields, m = (e) => !e.value || Array.isArray(e.value) && e.value.length === 0, E = i.every(m), f = i.some(m), V = i.length > 0, [r, s] = b(!0), {
     getAiSuggestions: A
-  } = g(), D = () => {
-    l(o), A(o.templateKey, o.scope);
+  } = g(), D = (e) => {
+    l(o), A(o.templateKey, o.scope, e);
   };
   return /* @__PURE__ */ a(S, {
     children: [/* @__PURE__ */ t(N, {
@@ -35,23 +35,23 @@ import '../../../../../../styles/metadata-instance.css';const x = "_topDivider_t
       templateName: o == null ? void 0 : o.displayName
     }), /* @__PURE__ */ t(u, {
       className: y.topDivider
-    }), i && E ? /* @__PURE__ */ t(H, {
+    }), r && E ? /* @__PURE__ */ t(H, {
       isAnyEmptyValueHidden: V,
       isBoxAiSuggestionsFeatureEnabled: d,
       level: "instance",
-      onShowEmptyValues: () => r(!1)
+      onShowEmptyValues: () => s(!1)
     }) : /* @__PURE__ */ a(n, {
       children: [/* @__PURE__ */ t(_, {
-        shouldHideEmptyValues: i,
+        shouldHideEmptyValues: r,
         taxonomyNodeFetcher: h,
         templateInstance: o
       }), f && /* @__PURE__ */ a(n, {
         children: [/* @__PURE__ */ t(u, {
           className: y.bottomDivider
         }), /* @__PURE__ */ t(M, {
-          isAnyEmptyValueHidden: i,
-          onHideEmptyValues: () => r(!0),
-          onShowEmptyValues: () => r(!1)
+          isAnyEmptyValueHidden: r,
+          onHideEmptyValues: () => s(!0),
+          onShowEmptyValues: () => s(!1)
         })]
       })]
     })]

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

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

package/dist/esm/lib/constants.js

@@ -1,15 +1,19 @@
-const t = "properties", e = "extractAgent", n = {
+import { BoxAiColor as t, BoxAiAdvancedColor as A } from "@box/blueprint-web-assets/icons/Medium";
+const e = "properties", E = "extractAgent", a = {
   standard: {
-    agentType: "standard",
-    displayMsg: "standardExtractAgent"
+    AGENT_TYPE: "standard",
+    DISPLAY_MSG: "standardExtractAgent",
+    ICON: t
   },
   enhanced: {
-    agentType: "enhanced",
-    displayMsg: "enhancedExtractAgent"
+    AGENT_TYPE: "enhanced",
+    DISPLAY_MSG: "enhancedExtractAgent",
+    ICON: A,
+    AGENT_ID: "enhanced_extract_agent"
   }
 };
 export {
-  n as EXTRACT_AGENTS_MAP,
-  e as EXTRACT_AI_AGENT_LOCAL_STORAGE_KEY,
-  t as TEMPLATE_CUSTOM_PROPERTIES
+  a as EXTRACT_AGENTS_MAP,
+  E as EXTRACT_AI_AGENT_LOCAL_STORAGE_KEY,
+  e as TEMPLATE_CUSTOM_PROPERTIES
 };

package/dist/esm/lib/utils/autofill-context.js

@@ -1,7 +1,7 @@
-import E, { createContext as d, useState as l, useCallback as S, useMemo as v, useContext as x } from "react";
-import { TEMPLATE_CUSTOM_PROPERTIES as A } from "../constants.js";
-import { jsx as P } from "react/jsx-runtime";
-const _ = 1e4, T = /* @__PURE__ */ d(null), M = ({
+import E, { createContext as v, useState as l, useCallback as S, useMemo as x, useContext as A } from "react";
+import { TEMPLATE_CUSTOM_PROPERTIES as P } from "../constants.js";
+import { jsx as _ } from "react/jsx-runtime";
+const p = 1e4, T = /* @__PURE__ */ v(null), O = ({
   children: e,
   isAiSuggestionsFeatureEnabled: o,
   fetchSuggestions: c
@@ -11,17 +11,17 @@ const _ = 1e4, T = /* @__PURE__ */ d(null), M = ({
     let t;
     return r ? t = setTimeout(() => {
       i(!0);
-    }, _) : (i(!1), clearTimeout(t)), () => clearTimeout(t);
+    }, p) : (i(!1), clearTimeout(t)), () => clearTimeout(t);
   }, [r]);
-  const m = S(async (t, w) => {
+  const m = S(async (t, h, w) => {
     let u = [];
     if (!o)
       throw new Error("AI Suggestions feature not available.");
-    if (t === A)
+    if (t === P)
       throw new Error("Can't fetch suggestions for Custom Metadata instance");
     n(!0);
     try {
-      u = await c(t, w), f({
+      u = await c(t, h, w || void 0), f({
         ...s,
         [t]: {
           ...Object.fromEntries(u.map((a) => [a.key, a.aiSuggestion]))
@@ -34,7 +34,7 @@ const _ = 1e4, T = /* @__PURE__ */ d(null), M = ({
     return u;
   }, [o, s, c]), C = S(() => {
     f({}), n(!1), i(!1);
-  }, []), h = v(() => ({
+  }, []), d = x(() => ({
     clearState: C,
     getAiSuggestions: m,
     isAiSuggestionsFeatureEnabled: o,
@@ -42,19 +42,19 @@ const _ = 1e4, T = /* @__PURE__ */ d(null), M = ({
     isLongLoading: g,
     suggestions: s
   }), [C, m, o, r, g, s]);
-  return /* @__PURE__ */ P(T.Provider, {
-    value: h,
+  return /* @__PURE__ */ _(T.Provider, {
+    value: d,
     children: e
   });
-}, O = () => {
-  const e = x(T);
+}, R = () => {
+  const e = A(T);
   if (!e)
     throw new Error("useAutofill should be wrapped inside AutofillProvider");
   return e;
 };
 export {
   T as AutofillContext,
-  M as AutofillContextProvider,
-  _ as TIMEOUT_10_SECONDS,
-  O as useAutofill
+  O as AutofillContextProvider,
+  p as TIMEOUT_10_SECONDS,
+  R as useAutofill
 };

package/dist/styles/metadata-instance-form-autofill-button.css

@@ -1 +1 @@
-._loadingIndicator_mk0hd_1{position:relative;display:flex;align-items:center;justify-content:center;width:var(--size-8);height:var(--size-8);margin:unset}._actionMenuItem_mk0hd_11{display:flex;gap:.75rem;align-items:center}
+._loadingIndicator_i1hyy_1{position:relative;display:flex;align-items:center;justify-content:center;width:var(--size-8);height:var(--size-8);margin:unset}._actionMenuItem_i1hyy_11{display:flex;gap:.75rem;align-items:center}._splitButtonIcon_i1hyy_17{width:var(--size-4);height:var(--size-4)}

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

@@ -41,7 +41,7 @@ export type MetadataInstanceFormWrapperProps<T> = {
     suggestions: AutofillSuggestions;
     handleDelete: () => void;
     handleCancel: (isDirty: boolean) => void;
-    getAiSuggestions: (templateKey: MetadataTemplateInstance['templateKey'], scope: MetadataTemplateInstance['scope']) => Promise<MetadataTemplateField[]>;
+    getAiSuggestions: (templateKey: MetadataTemplateInstance['templateKey'], scope: MetadataTemplateInstance['scope'], agentId?: string) => Promise<MetadataTemplateField[]>;
     extraProps?: T;
     formRef?: React.LegacyRef<HTMLDivElement | null>;
 } & React.HTMLAttributes<HTMLDivElement>;

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

@@ -4,11 +4,12 @@ export type MetadataInstanceFormAutofillButtonProps = {
     isBetaLanguageEnabled: boolean;
     isLoading: boolean;
     isAdvancedExtractAgentEnabled?: boolean;
-    onAutofill?: (templateKey: MetadataTemplateInstance['templateKey'], scope: MetadataTemplateInstance['scope']) => Promise<MetadataTemplateField[]>;
+    onAutofill?: (templateKey: MetadataTemplateInstance['templateKey'], scope: MetadataTemplateInstance['scope'], agentId?: string) => Promise<MetadataTemplateField[]>;
     variant?: 'secondary-button' | 'icon-button';
 };
 export type AutofillSplitButtonProps = {
     onAgentChange: (agentType: StoredAgentType) => void;
     isButtonDisabled: boolean;
     onAutofill: () => void;
+    storedAgent: StoredAgentType;
 };

package/dist/types/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/types.d.ts

@@ -4,7 +4,7 @@ export type MetadataInstanceHeaderProps = {
     isAiSuggestionsFeatureEnabled: boolean;
     isBetaLanguageEnabled: boolean;
     onEdit: () => void;
-    onAutofill: () => void;
+    onAutofill: (agentId?: string) => void;
     templateName?: string;
     isAdvancedExtractAgentEnabled?: boolean;
 };

package/dist/types/lib/constants.d.ts

@@ -1,13 +1,4 @@
-import { StoredAgentType } from './types';
+import { ExtractAgent } from './types';
 export declare const TEMPLATE_CUSTOM_PROPERTIES: "properties";
 export declare const EXTRACT_AI_AGENT_LOCAL_STORAGE_KEY = "extractAgent";
-export declare const EXTRACT_AGENTS_MAP: {
-    standard: {
-        agentType: StoredAgentType;
-        displayMsg: string;
-    };
-    enhanced: {
-        agentType: StoredAgentType;
-        displayMsg: string;
-    };
-};
+export declare const EXTRACT_AGENTS_MAP: Record<string, ExtractAgent>;

package/dist/types/lib/types.d.ts

@@ -1,7 +1,14 @@
 import { Level } from '@box/combobox-with-api';
+import { default as React } from 'react';
 import { BaseOptionType } from './components/combobox-with-api-pagination/types';
 export type { FormValues } from './components/metadata-instance-editor/types';
 export type StoredAgentType = 'standard' | 'enhanced' | null;
+export type ExtractAgent = {
+    AGENT_TYPE: StoredAgentType;
+    DISPLAY_MSG: string;
+    ICON: React.ComponentType<React.SVGProps<SVGSVGElement>>;
+    AGENT_ID?: string;
+};
 export type MetadataEmptyStateProps = {
     isBoxAiSuggestionsFeatureEnabled?: boolean;
     isAnyEmptyValueHidden?: boolean;

package/dist/types/lib/utils/autofill-context.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { AutofillSuggestions, MetadataTemplateField, MetadataTemplateInstance } from '../types';
 export interface AutofillContextType {
     clearState: () => void;
-    getAiSuggestions: (templateKey: MetadataTemplateInstance['templateKey'], scope: MetadataTemplateInstance['scope']) => Promise<MetadataTemplateField[]>;
+    getAiSuggestions: (templateKey: MetadataTemplateInstance['templateKey'], scope: MetadataTemplateInstance['scope'], agentId?: string) => Promise<MetadataTemplateField[]>;
     isAiSuggestionsFeatureEnabled: boolean;
     isFetchingSuggestions: boolean;
     isLongLoading: boolean;
@@ -11,7 +11,7 @@ export interface AutofillContextType {
 export interface AutofillContextProviderProps {
     children: React.ReactNode;
     isAiSuggestionsFeatureEnabled: boolean;
-    fetchSuggestions: (templateKey: MetadataTemplateInstance['templateKey'], scope: MetadataTemplateInstance['scope']) => Promise<MetadataTemplateField[]>;
+    fetchSuggestions: (templateKey: MetadataTemplateInstance['templateKey'], scope: MetadataTemplateInstance['scope'], agentId?: string) => Promise<MetadataTemplateField[]>;
 }
 export declare const TIMEOUT_10_SECONDS = 10000;
 export declare const AutofillContext: React.Context<AutofillContextType>;

package/package.json

@@ -1,11 +1,11 @@
 {
     "name": "@box/metadata-editor",
-    "version": "0.111.4",
+    "version": "0.112.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.21.0",
+        "@box/blueprint-web-assets": "^4.53.0",
         "@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.43.4",
+        "@box/box-ai-agent-selector": "^0.43.6",
         "@box/babel-plugin-target-attributes": "1.3.0",
-        "@box/blueprint-web": "^12.10.0",
+        "@box/blueprint-web": "^12.12.0",
         "@box/blueprint-web-assets": "^4.53.0",
         "@box/storybook-utils": "^0.13.6",
         "@testing-library/react": "^15.0.6",