@box/metadata-editor 0.109.6 → 0.110.0

package/dist/chunks/metadata-instance-form-card-wrapper.js

@@ -1,59 +1,61 @@
+import { Card as E } from "@box/blueprint-web";
 import y from "clsx";
-import { Card as S } from "@box/blueprint-web";
-import { TEMPLATE_CUSTOM_PROPERTIES as w } from "../esm/lib/constants.js";
-import { MetadataInstanceFormFooter as A } from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-footer/metadata-instance-form-footer.js";
-import { MetadataInstanceFormHeader as E } from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
-import { jsx as t, jsxs as M } from "react/jsx-runtime";
-import '../styles/metadata-instance-form-card-wrapper.css';const b = "_metadataInstanceForm_1e6l2_1", v = "_wrapperGradient_1e6l2_7", D = "_suggestionsFetching_1e6l2_12", I = "_metadataInstanceFormContent_1e6l2_18", L = "_showOverlay_1e6l2_25", s = {
-  metadataInstanceForm: b,
-  wrapperGradient: v,
+import { TEMPLATE_CUSTOM_PROPERTIES as S } from "../esm/lib/constants.js";
+import { MetadataInstanceFormFooter as w } from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-footer/metadata-instance-form-footer.js";
+import { MetadataInstanceFormHeader as M } from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
+import { jsx as t, jsxs as b } from "react/jsx-runtime";
+import '../styles/metadata-instance-form-card-wrapper.css';const v = "_metadataInstanceForm_1e6l2_1", x = "_wrapperGradient_1e6l2_7", D = "_suggestionsFetching_1e6l2_12", I = "_metadataInstanceFormContent_1e6l2_18", L = "_showOverlay_1e6l2_25", s = {
+  metadataInstanceForm: v,
+  wrapperGradient: x,
   suggestionsFetching: D,
   metadataInstanceFormContent: I,
   showOverlay: L
-}, j = (n) => {
+}, B = (n) => {
   const {
     areAiSuggestionsAvailable: o,
     children: r,
     className: i,
     formRef: g,
-    isAiSuggestionsFeatureEnabled: m,
-    isBetaLanguageEnabled: l,
-    isLargeFile: d = !1,
-    isDeleteButtonDisabled: c,
-    suggestions: F,
+    isAdvancedExtractAgentEnabled: m = !1,
+    isAiSuggestionsFeatureEnabled: l,
+    isBetaLanguageEnabled: d,
+    isLargeFile: c = !1,
+    isDeleteButtonDisabled: F,
+    suggestions: u,
     isFetchingSuggestions: e,
-    isFormDirty: u = !1,
+    isFormDirty: _ = !1,
     selectedTemplateInstance: a,
-    getAiSuggestions: _,
-    handleCancel: p,
-    handleDelete: h
-  } = n, f = (a == null ? void 0 : a.templateKey) === w, C = !!F[a == null ? void 0 : a.templateKey];
+    getAiSuggestions: p,
+    handleCancel: h,
+    handleDelete: f
+  } = n, A = (a == null ? void 0 : a.templateKey) === S, C = !!u[a == null ? void 0 : a.templateKey];
   return /* @__PURE__ */ t("div", {
     className: e && s.wrapperGradient,
-    children: /* @__PURE__ */ M(S, {
+    children: /* @__PURE__ */ b(E, {
       ref: g,
       className: y(i, {
         [s.suggestionsFetching]: e
       }),
-      children: [/* @__PURE__ */ t(E, {
+      children: [/* @__PURE__ */ t(M, {
         areAiSuggestionsAvailable: o,
         hasSuggestions: C,
-        isAiSuggestionsFeatureEnabled: m && !f,
-        isBetaLanguageEnabled: l,
-        isLargeFile: d,
+        isAdvancedExtractAgentEnabled: m,
+        isAiSuggestionsFeatureEnabled: l && !A,
+        isBetaLanguageEnabled: d,
+        isLargeFile: c,
         isLoading: e,
-        onAutofill: _,
+        onAutofill: p,
         templateName: a == null ? void 0 : a.displayName
-      }), a && r, /* @__PURE__ */ t(A, {
-        isDeleteButtonDisabled: c,
+      }), a && r, /* @__PURE__ */ t(w, {
+        isDeleteButtonDisabled: F,
         isLoading: e,
-        onCancel: () => p(u),
-        onDelete: h
+        onCancel: () => h(_),
+        onDelete: f
       })]
     })
   });
 };
 export {
-  j as M,
+  B as M,
   s
 };

package/dist/esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form-card-wrapper.js

@@ -1,5 +1,5 @@
-import "clsx";
 import "@box/blueprint-web";
+import "clsx";
 import "../../../../constants.js";
 import "../metadata-instance-form-footer/metadata-instance-form-footer.js";
 import "../metadata-instance-form-header/metadata-instance-form-header.js";

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

@@ -1,128 +1,130 @@
 import "../custom-instance-new-field/custom-instance-new-field.js";
-import { DeleteConfirmationModal as J } from "../delete-confirmation-modal/delete-confirmation-modal.js";
+import { DeleteConfirmationModal as q } from "../delete-confirmation-modal/delete-confirmation-modal.js";
 import "../metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js";
 import "../metadata-instance-form-header/metadata-instance-form-header.js";
-import q from "clsx";
-import { Formik as z, Form as G } from "formik";
-import { useState as M, useEffect as c, useRef as H, useMemo as Q } from "react";
-import { TEMPLATE_CUSTOM_PROPERTIES as X } from "../../../../constants.js";
-import { useAutofill as Y } from "../../../../utils/autofill-context.js";
-import { TemplateInstance as Z } from "../../../metadata-editor-fields/metadata-editor-fields.js";
-import { MetadataEmptyState as I } from "../../../metadata-empty-state/metadata-empty-state.js";
-import { AutofillOverlay as T } from "../autofill-overlay/autofill-overlay.js";
-import { CustomInstance as oo } from "../custom-instance/custom-instance.js";
-import { c as ro } from "../../../../../../chunks/utils.js";
+import z from "clsx";
+import { Formik as G, Form as H } from "formik";
+import { useState as c, useEffect as M, useRef as Q, useMemo as X } from "react";
+import { TEMPLATE_CUSTOM_PROPERTIES as Y } from "../../../../constants.js";
+import { useAutofill as Z } from "../../../../utils/autofill-context.js";
+import { TemplateInstance as I } from "../../../metadata-editor-fields/metadata-editor-fields.js";
+import { MetadataEmptyState as T } from "../../../metadata-empty-state/metadata-empty-state.js";
+import { AutofillOverlay as oo } from "../autofill-overlay/autofill-overlay.js";
+import { CustomInstance as ro } from "../custom-instance/custom-instance.js";
+import { c as to } from "../../../../../../chunks/utils.js";
 import { s as m, M as io } from "../../../../../../chunks/metadata-instance-form-card-wrapper.js";
-import { jsx as i, jsxs as F } from "react/jsx-runtime";
-import { UnsavedChangesModal as to } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
-const yo = (b) => {
+import { jsx as t, jsxs as F } from "react/jsx-runtime";
+import { UnsavedChangesModal as ao } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
+const So = (b) => {
   const {
     areAiSuggestionsAvailable: y,
     customRef: a,
     isLargeFile: S,
     errorCode: n,
     isAiSuggestionsFeatureEnabled: s,
-    isBetaLanguageEnabled: D,
+    isAdvancedExtractAgentEnabled: D = !1,
+    isBetaLanguageEnabled: v,
     isDeleteButtonDisabled: O,
-    isDeleteConfirmationModalCheckboxEnabled: v,
+    isDeleteConfirmationModalCheckboxEnabled: x,
     isMultilevelTaxonomyFieldEnabled: l,
-    isUnsavedChangesModalOpen: x = !1,
-    MetadataInstanceFormCustomWrapper: A,
+    isUnsavedChangesModalOpen: A = !1,
+    MetadataInstanceFormCustomWrapper: L,
     selectedTemplateInstance: o,
-    onCancel: L,
-    onDelete: N,
-    onDiscardUnsavedChanges: P,
-    onSubmit: R,
+    onCancel: N,
+    onDelete: P,
+    onDiscardUnsavedChanges: R,
+    onSubmit: U,
     setIsUnsavedChangesModalOpen: f,
     taxonomyOptionsFetcher: u
-  } = b, U = A ?? io, [k, d] = M(!1), {
-    isFetchingSuggestions: t,
+  } = b, k = L ?? io, [B, d] = c(!1), {
+    isFetchingSuggestions: i,
     isLongLoading: g,
-    getAiSuggestions: B,
+    getAiSuggestions: w,
     clearState: p,
-    suggestions: w
-  } = Y();
-  c(() => () => {
+    suggestions: K
+  } = Z();
+  M(() => () => {
     p();
   }, [p, o == null ? void 0 : o.id]);
-  const h = (o == null ? void 0 : o.templateKey) === X, K = async (r) => {
-    await R(r, ro(r, o));
-  }, W = (r) => {
-    r ? f(!0) : L();
-  }, j = () => {
+  const h = (o == null ? void 0 : o.templateKey) === Y, W = async (r) => {
+    await U(r, to(r, o));
+  }, j = (r) => {
+    r ? f(!0) : N();
+  }, V = () => {
     d(!0);
-  }, V = {
+  }, _ = {
     metadata: {
       ...o
     }
-  }, C = H(null), [E, _] = M(null);
-  c(() => {
-    _(a ?? C.current);
+  }, C = Q(null), [E, $] = c(null);
+  M(() => {
+    $(a ?? C.current);
   }, [a, o == null ? void 0 : o.templateKey, o == null ? void 0 : o.scope]);
-  const $ = Q(() => {
+  const J = X(() => {
     const r = (o == null ? void 0 : o.fields.length) === 0;
     if (h)
-      return /* @__PURE__ */ i(oo, {
-        isLoading: t
+      return /* @__PURE__ */ t(ro, {
+        isLoading: i
       });
     if (r)
-      return /* @__PURE__ */ i(I, {
+      return /* @__PURE__ */ t(T, {
         isBoxAiSuggestionsFeatureEnabled: s,
         level: "instance"
       });
-    const e = !!(t || n);
+    const e = !!(i || n);
     return /* @__PURE__ */ F("div", {
-      className: q(m.metadataInstanceFormContent, e && m.showOverlay),
-      children: [/* @__PURE__ */ i(T, {
+      className: z(m.metadataInstanceFormContent, e && m.showOverlay),
+      children: [/* @__PURE__ */ t(oo, {
         errorCode: n,
-        isFetchingSuggestions: t,
+        isFetchingSuggestions: i,
         isLongLoading: g
-      }), /* @__PURE__ */ i(Z, {
-        disableForm: t,
+      }), /* @__PURE__ */ t(I, {
+        disableForm: i,
         isMultilevelTaxonomyFieldEnabled: l,
         portalElement: a ?? E,
         taxonomyOptionsFetcher: u
       })]
     });
-  }, [o == null ? void 0 : o.fields.length, h, t, g, a, E, u, s, l, n]);
-  return /* @__PURE__ */ i(z, {
-    initialValues: V,
-    onSubmit: K,
+  }, [o == null ? void 0 : o.fields.length, h, i, g, a, E, u, s, l, n]);
+  return /* @__PURE__ */ t(G, {
+    initialValues: _,
+    onSubmit: W,
     children: ({
       values: r,
       dirty: e
-    }) => /* @__PURE__ */ F(G, {
-      children: [/* @__PURE__ */ i(U, {
+    }) => /* @__PURE__ */ F(H, {
+      children: [/* @__PURE__ */ t(k, {
         areAiSuggestionsAvailable: y,
         className: m.metadataInstanceForm,
         formRef: C,
         formValues: r,
-        getAiSuggestions: B,
-        handleCancel: W,
-        handleDelete: j,
+        getAiSuggestions: w,
+        handleCancel: j,
+        handleDelete: V,
+        isAdvancedExtractAgentEnabled: D,
         isAiSuggestionsFeatureEnabled: s,
-        isBetaLanguageEnabled: D,
+        isBetaLanguageEnabled: v,
         isDeleteButtonDisabled: O,
-        isFetchingSuggestions: t,
+        isFetchingSuggestions: i,
         isFormDirty: e,
         isLargeFile: S,
         selectedTemplateInstance: o,
-        suggestions: w,
-        children: o && $
-      }), /* @__PURE__ */ i(to, {
+        suggestions: K,
+        children: o && J
+      }), /* @__PURE__ */ t(ao, {
         onBackToEdit: () => f(!1),
-        onDiscardChanges: P,
-        open: x
-      }), /* @__PURE__ */ i(J, {
-        isCheckboxEnabled: v,
-        onConfirm: () => N(o),
+        onDiscardChanges: R,
+        open: A
+      }), /* @__PURE__ */ t(q, {
+        isCheckboxEnabled: x,
+        onConfirm: () => P(o),
         onDismiss: () => d(!1),
-        open: k,
+        open: B,
         templateName: o == null ? void 0 : o.displayName
       })]
     })
   }, `${o == null ? void 0 : o.scope}.${o == null ? void 0 : o.templateKey}`);
 };
 export {
-  yo as MetadataInstanceForm
+  So as MetadataInstanceForm
 };

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

@@ -1,24 +1,24 @@
-import { defineMessages as t } from "react-intl";
-const e = t({
+import { defineMessages as a } from "react-intl";
+const e = a({
   autofillButton: {
     id: "metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.autofillButton",
     defaultMessage: "Autofill"
   },
-  autofillButtonAriaLabel: {
-    id: "metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.autofillButtonAriaLabel",
-    defaultMessage: "Autofill with Box AI"
-  },
-  autofillButtonTooltip: {
-    id: "metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.autofillButtonTooltip",
-    defaultMessage: "Autofill with Box AI (Beta)"
-  },
-  autofillButtonTooltipGA: {
-    id: "metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.autofillButtonTooltipGA",
-    defaultMessage: "Autofill with Box AI"
-  },
   loadingButtonAriaLabel: {
     id: "metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.loadingButtonAriaLabel",
     defaultMessage: "Loading..."
+  },
+  standardExtractAgent: {
+    id: "metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.standardExtractAgent",
+    defaultMessage: "Standard"
+  },
+  enhancedExtractAgent: {
+    id: "metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.enhancedExtractAgent",
+    defaultMessage: "Enhanced"
+  },
+  autofillDropdownTriggerAriaLabel: {
+    id: "metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.autofillDropdownTriggerAriaLabel",
+    defaultMessage: "See agent options."
   }
 });
 export {

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

@@ -1,66 +1,110 @@
-import { LoadingIndicator as k, IconButton as v, Tooltip as x, Button as K } from "@box/blueprint-web";
-import { BoxAiLogo as p } from "@box/blueprint-web-assets/icons/Logo";
-import { useFormikContext as L, getIn as i } from "formik";
-import { useEffect as h } from "react";
-import { useIntl as C } from "react-intl";
-import { useAutofill as F } from "../../../../utils/autofill-context.js";
-import n from "./messages.js";
-import { jsx as l } from "react/jsx-runtime";
-import '../../../../../../styles/metadata-instance-form-autofill-button.css';const T = "_loadingIndicator_baqvi_1", _ = {
-  loadingIndicator: T
-}, w = ({
-  areAiSuggestionsAvailable: B,
-  isBetaLanguageEnabled: b,
-  isLoading: c,
-  variant: I = "secondary-button",
-  onAutofill: y
+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,
+    dropdownTriggerAriaLabel: "See agent options.",
+    icon: c,
+    label: l.formatMessage(m.autofillButton),
+    onClick: B,
+    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))
+    })
+  });
+}), rt = ({
+  areAiSuggestionsAvailable: u,
+  isBetaLanguageEnabled: B,
+  isLoading: r,
+  variant: d = "secondary-button",
+  isAdvancedExtractAgentEnabled: e = !1,
+  onAutofill: l
 }) => {
   const {
-    isSubmitting: A,
-    values: e,
-    setFieldValue: m
-  } = L(), t = C(), {
-    suggestions: o
-  } = F();
-  h(() => {
-    if (o) {
-      const a = i(e, "metadata.fields"), r = i(e, "metadata.templateKey");
-      m("metadata.fields", a == null ? void 0 : a.map((s) => {
-        var g;
-        const f = (g = o == null ? void 0 : o[r]) == null ? void 0 : g[s.key];
-        return f ? {
-          ...s,
-          aiSuggestion: f
-        } : s;
+    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;
       }));
     }
-  }, [o, m]);
-  const u = () => {
-    const a = i(e, "metadata.templateKey"), r = i(e, "metadata.scope");
-    y(a, r);
-  }, d = !B || A || c, M = c ? /* @__PURE__ */ l(k, {
-    "aria-label": t.formatMessage(n.loadingButtonAriaLabel),
-    className: _.loadingIndicator
-  }) : /* @__PURE__ */ l(v, {
-    "aria-label": t.formatMessage(n.autofillButtonAriaLabel),
-    disabled: d,
-    icon: p,
-    onClick: u,
-    variant: "icon-logo",
-    "data-target-id": "IconButton-autofillButtonAriaLabel"
-  });
-  return /* @__PURE__ */ l(x, {
-    content: b ? t.formatMessage(n.autofillButtonTooltip) : t.formatMessage(n.autofillButtonTooltipGA),
-    children: I === "secondary-button" ? /* @__PURE__ */ l(K, {
-      disabled: d,
-      icon: p,
-      onClick: u,
+  }, [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,
       variant: "secondary",
       "data-target-id": "Button-autofillButton",
-      children: t.formatMessage(n.autofillButton)
-    }) : M
+      children: n.formatMessage(m.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,
+      variant: "icon-logo",
+      "data-target-id": "IconButton-autofillButtonAriaLabel"
+    })
   });
 };
 export {
-  w as MetadataInstanceFormAutofillButton
+  rt as MetadataInstanceFormAutofillButton
 };

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

@@ -1,41 +1,43 @@
-import { useIntl as F } from "react-intl";
-import p from "../../../interactive-header-text/interactive-header-text.js";
-import { MetadataInstanceFormAutofillButton as H } from "../metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js";
-import _ from "./messages.js";
+import { useIntl as p } from "react-intl";
+import H from "../../../interactive-header-text/interactive-header-text.js";
+import { MetadataInstanceFormAutofillButton as _ } from "../metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js";
 import { MetadataInstanceFormInlineNotice as h } from "../metadata-instance-form-inline-notice/metadata-instance-form-inline-notice.js";
-import { jsxs as o, Fragment as u, jsx as t } from "react/jsx-runtime";
-import '../../../../../../styles/metadata-instance-form-header.css';const x = "_metadataInstanceFormHeader_1hzt2_1", M = "_title_1hzt2_9", n = {
-  metadataInstanceFormHeader: x,
-  title: M
-}, y = ({
+import u from "./messages.js";
+import { jsxs as o, Fragment as x, jsx as t } from "react/jsx-runtime";
+import '../../../../../../styles/metadata-instance-form-header.css';const M = "_metadataInstanceFormHeader_1hzt2_1", N = "_title_1hzt2_9", n = {
+  metadataInstanceFormHeader: M,
+  title: N
+}, k = ({
   areAiSuggestionsAvailable: e,
   hasSuggestions: r,
-  isAiSuggestionsFeatureEnabled: m,
+  isAdvancedExtractAgentEnabled: m = !1,
+  isAiSuggestionsFeatureEnabled: s,
   isBetaLanguageEnabled: a,
-  isLargeFile: s,
-  isLoading: c,
-  templateName: i,
+  isLargeFile: c,
+  isLoading: i,
+  templateName: l,
   onAutofill: d
 }) => {
-  const l = F(), I = i ?? l.formatMessage(_.customInstanceTitle), f = r && e;
-  return /* @__PURE__ */ o(u, {
+  const I = p(), f = l ?? I.formatMessage(u.customInstanceTitle), F = r && e;
+  return /* @__PURE__ */ o(x, {
     children: [/* @__PURE__ */ o("div", {
       className: n.metadataInstanceFormHeader,
-      children: [/* @__PURE__ */ t(p, {
+      children: [/* @__PURE__ */ t(H, {
         className: n.title,
-        title: I
-      }), m ? /* @__PURE__ */ t(H, {
+        title: f
+      }), s ? /* @__PURE__ */ t(_, {
         areAiSuggestionsAvailable: e,
+        isAdvancedExtractAgentEnabled: m,
         isBetaLanguageEnabled: a,
-        isLoading: c,
+        isLoading: i,
         onAutofill: d
       }) : null]
-    }), f && /* @__PURE__ */ t(h, {
+    }), F && /* @__PURE__ */ t(h, {
       isBetaLanguageEnabled: a,
-      isLargeFile: s
+      isLargeFile: c
     })]
   });
 };
 export {
-  y as MetadataInstanceFormHeader
+  k as MetadataInstanceFormHeader
 };

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

@@ -1,20 +1,22 @@
-import { MetadataInstance as r } from "./subcomponents/metadata-instance/metadata-instance.js";
 import { getVisibleTemplates as c } from "../../utils/utils.js";
+import { MetadataInstance as d } from "./subcomponents/metadata-instance/metadata-instance.js";
 import { jsx as a } from "react/jsx-runtime";
 import "./subcomponents/metadata-instance-header/metadata-instance-header.js";
-import '../../../../styles/metadata-instance-list.css';const d = "_metadataInstanceList_bd83w_1", p = {
-  metadataInstanceList: d
-}, _ = ({
+import '../../../../styles/metadata-instance-list.css';const p = "_metadataInstanceList_bd83w_1", l = {
+  metadataInstanceList: p
+}, b = ({
   areAiSuggestionsAvailable: s,
   isAiSuggestionsFeatureEnabled: e,
   isBetaLanguageEnabled: n,
   onEdit: i,
   templateInstances: m,
-  taxonomyNodeFetcher: o
+  taxonomyNodeFetcher: o,
+  isAdvancedExtractAgentEnabled: r = !1
 }) => /* @__PURE__ */ a("div", {
-  className: p.metadataInstanceList,
-  children: c(m).map((t) => /* @__PURE__ */ a(r, {
+  className: l.metadataInstanceList,
+  children: c(m).map((t) => /* @__PURE__ */ a(d, {
     areAiSuggestionsAvailable: s,
+    isAdvancedExtractAgentEnabled: r,
     isAiSuggestionsFeatureEnabled: e,
     isBetaLanguageEnabled: n,
     onEdit: i,
@@ -23,5 +25,5 @@ import '../../../../styles/metadata-instance-list.css';const d = "_metadataInsta
   }, t.id))
 });
 export {
-  _ as MetadataInstanceList
+  b as MetadataInstanceList
 };