@box/metadata-editor 0.87.0 → 0.88.0

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

@@ -0,0 +1,55 @@
+import S from "clsx";
+import { Card as A } from "@box/blueprint-web";
+import { TEMPLATE_CUSTOM_PROPERTIES as E } from "../esm/lib/constants.js";
+import { MetadataInstanceFormFooter as M } from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-footer/metadata-instance-form-footer.js";
+import { MetadataInstanceFormHeader as C } 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 y = "_metadataInstanceForm_11dqs_1", D = "_wrapperGradient_11dqs_7", N = "_suggestionsFetching_11dqs_12", e = {
+  metadataInstanceForm: y,
+  wrapperGradient: D,
+  suggestionsFetching: N
+}, R = (i) => {
+  const {
+    areAiSuggestionsAvailable: o,
+    children: r,
+    className: n,
+    formRef: g,
+    isAiSuggestionsFeatureEnabled: m,
+    iaBetaLanguageEnabled: d,
+    isDeleteButtonDisabled: c,
+    suggestions: l,
+    isFetchingSuggestions: s,
+    isFormDirty: u = !1,
+    selectedTemplateInstance: a,
+    getAiSuggestions: p,
+    handleCancel: F,
+    handleDelete: f
+  } = i, h = (a == null ? void 0 : a.templateKey) === E, _ = !!l[a == null ? void 0 : a.templateKey];
+  return /* @__PURE__ */ t("div", {
+    className: s && e.wrapperGradient,
+    children: /* @__PURE__ */ b(A, {
+      ref: g,
+      className: S(n, {
+        [e.suggestionsFetching]: s
+      }),
+      children: [/* @__PURE__ */ t(C, {
+        areAiSuggestionsAvailable: o,
+        hasSuggestions: _,
+        iaBetaLanguageEnabled: d,
+        isAiSuggestionsFeatureEnabled: m && !h,
+        isLoading: s,
+        onAutofill: p,
+        templateName: a == null ? void 0 : a.displayName
+      }), a && r, /* @__PURE__ */ t(M, {
+        isDeleteButtonDisabled: c,
+        isLoading: s,
+        onCancel: () => F(u),
+        onDelete: f
+      })]
+    })
+  });
+};
+export {
+  R as M,
+  e as s
+};

package/esm/lib/components/metadata-instance-editor/subcomponents/autofill-loading-state/autofill-loading-state.js

@@ -0,0 +1,28 @@
+import { LoadingIndicator as i, Text as l } from "@box/blueprint-web";
+import { u as n } from "../../../../../../chunks/index.js";
+import a from "./messages.js";
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import '../../../../../../styles/autofill-loading-state.css';const r = "_autofillLoadingState_1dfyd_1", d = "_loadingIcon_1dfyd_9", g = "_testContainerStyle_1dfyd_15", e = {
+  autofillLoadingState: r,
+  loadingIcon: d,
+  testContainerStyle: g
+}, S = () => {
+  const t = n();
+  return /* @__PURE__ */ s("div", {
+    className: e.autofillLoadingState,
+    children: [/* @__PURE__ */ o(i, {
+      "aria-label": t.formatMessage(a.loadingAriaLabel),
+      "aria-live": "polite",
+      className: e.loadingIcon,
+      size: "large",
+      variant: "default"
+    }), /* @__PURE__ */ o(l, {
+      as: "p",
+      variant: "titleSmall",
+      children: t.formatMessage(a.defaultLoadingMessage)
+    })]
+  });
+};
+export {
+  S as AutofillLoadingState
+};

package/esm/lib/components/metadata-instance-editor/subcomponents/autofill-loading-state/messages.js

@@ -0,0 +1,14 @@
+import { d as a } from "../../../../../../chunks/index.js";
+const e = a({
+  defaultLoadingMessage: {
+    id: "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage",
+    defaultMessage: "Extracting Metadata"
+  },
+  loadingAriaLabel: {
+    id: "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel",
+    defaultMessage: "Loading"
+  }
+});
+export {
+  e as default
+};

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

@@ -1,42 +1,10 @@
-import { Card as A } from "@box/blueprint-web";
-import { TEMPLATE_CUSTOM_PROPERTIES as h } from "../../../../constants.js";
-import { MetadataInstanceFormFooter as C } from "../metadata-instance-form-footer/metadata-instance-form-footer.js";
-import { MetadataInstanceFormHeader as E } from "../metadata-instance-form-header/metadata-instance-form-header.js";
-import { jsxs as M, jsx as a } from "react/jsx-runtime";
-const L = (t) => {
-  const {
-    areAiSuggestionsAvailable: r,
-    children: e,
-    className: s,
-    formRef: n,
-    isAiSuggestionsFeatureEnabled: g,
-    isDeleteButtonDisabled: m,
-    suggestions: u,
-    isFetchingSuggestions: i,
-    isFormDirty: d = !1,
-    selectedTemplateInstance: o,
-    getAiSuggestions: l,
-    handleCancel: f,
-    handleDelete: F
-  } = t, S = (o == null ? void 0 : o.templateKey) === h, p = !!u[o == null ? void 0 : o.templateKey];
-  return /* @__PURE__ */ M(A, {
-    ref: n,
-    className: s,
-    children: [/* @__PURE__ */ a(E, {
-      areAiSuggestionsAvailable: r,
-      hasSuggestions: p,
-      isAiSuggestionsFeatureEnabled: g && !S,
-      isLoading: i,
-      onAutofill: l,
-      templateName: o == null ? void 0 : o.displayName
-    }), o && e, /* @__PURE__ */ a(C, {
-      isDeleteButtonDisabled: m,
-      isLoading: i,
-      onCancel: () => f(d),
-      onDelete: F
-    })]
-  });
-};
+import "clsx";
+import "@box/blueprint-web";
+import "../../../../constants.js";
+import "../metadata-instance-form-footer/metadata-instance-form-footer.js";
+import "../metadata-instance-form-header/metadata-instance-form-header.js";
+import { M as d } from "../../../../../../chunks/metadata-instance-form-card-wrapper.js";
+import "react/jsx-runtime";
 export {
-  L as MetadataInstanceFormCardWrapper
+  d as MetadataInstanceFormCardWrapper
 };

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

@@ -1,96 +1,99 @@
-import { Formik as K, Form as W } from "formik";
-import { useState as d, useEffect as p, useRef as j, useMemo as k } from "react";
-import { TEMPLATE_CUSTOM_PROPERTIES as L } from "../../../../constants.js";
-import { useAutofill as V } from "../../../../utils/autofill-context.js";
-import { TemplateInstance as $ } from "../../../metadata-editor-fields/metadata-editor-fields.js";
-import { MetadataEmptyState as w } from "../../../metadata-empty-state/metadata-empty-state.js";
-import { UnsavedChangesModal as J } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
-import { CustomInstance as q } from "../custom-instance/custom-instance.js";
-import { DeleteConfirmationModal as z } from "../delete-confirmation-modal/delete-confirmation-modal.js";
-import { c as G } from "../../../../../../chunks/utils.js";
-import { MetadataInstanceFormCardWrapper as H } from "./metadata-instance-form-card-wrapper.js";
-import { jsx as a, jsxs as Q } from "react/jsx-runtime";
-import '../../../../../../styles/metadata-instance-form.css';const X = "_metadataInstanceForm_1hu4u_1", Y = {
-  metadataInstanceForm: X
-}, uo = (c) => {
+import { Formik as W, Form as j } from "formik";
+import { useState as p, useEffect as d, useRef as k, useMemo as V } from "react";
+import { TEMPLATE_CUSTOM_PROPERTIES as _ } from "../../../../constants.js";
+import { AutofillLoadingState as $ } from "../autofill-loading-state/autofill-loading-state.js";
+import { useAutofill as w } from "../../../../utils/autofill-context.js";
+import { TemplateInstance as J } from "../../../metadata-editor-fields/metadata-editor-fields.js";
+import { MetadataEmptyState as q } from "../../../metadata-empty-state/metadata-empty-state.js";
+import { UnsavedChangesModal as z } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
+import { CustomInstance as G } from "../custom-instance/custom-instance.js";
+import { DeleteConfirmationModal as H } from "../delete-confirmation-modal/delete-confirmation-modal.js";
+import { c as Q } from "../../../../../../chunks/utils.js";
+import { s as X, M as Y } from "../../../../../../chunks/metadata-instance-form-card-wrapper.js";
+import { jsx as r, jsxs as Z } from "react/jsx-runtime";
+const lo = (h) => {
   const {
-    areAiSuggestionsAvailable: h,
-    customRef: r,
-    isAiSuggestionsFeatureEnabled: s,
-    isDeleteButtonDisabled: C,
-    isUnsavedChangesModalOpen: F = !1,
-    MetadataInstanceFormCustomWrapper: M,
+    areAiSuggestionsAvailable: C,
+    customRef: i,
+    isAiSuggestionsFeatureEnabled: n,
+    iaBetaLanguageEnabled: M,
+    isDeleteButtonDisabled: S,
+    isUnsavedChangesModalOpen: E = !1,
+    MetadataInstanceFormCustomWrapper: c,
     selectedTemplateInstance: o,
-    onCancel: S,
-    onDelete: E,
-    onDiscardUnsavedChanges: D,
-    onSubmit: y,
-    setIsUnsavedChangesModalOpen: i,
+    onCancel: F,
+    onDelete: D,
+    onDiscardUnsavedChanges: y,
+    onSubmit: b,
+    setIsUnsavedChangesModalOpen: s,
     taxonomyOptionsFetcher: e
-  } = c, b = M ?? H, [O, m] = d(!1), {
-    isFetchingSuggestions: n,
-    getAiSuggestions: A,
+  } = h, A = c ?? Y, [O, m] = p(!1), {
+    isFetchingSuggestions: a,
+    getAiSuggestions: v,
     clearSuggestions: u,
-    suggestions: v
-  } = V();
-  p(() => () => {
+    suggestions: x
+  } = w();
+  d(() => () => {
     u();
   }, [u]);
-  const f = (o == null ? void 0 : o.templateKey) === L, x = async (t) => {
-    await y(t, G(t, o));
-  }, P = (t) => {
-    t ? i(!0) : S();
-  }, R = () => {
+  const f = (o == null ? void 0 : o.templateKey) === _, P = async (t) => {
+    await b(t, Q(t, o));
+  }, R = (t) => {
+    t ? s(!0) : F();
+  }, U = () => {
     m(!0);
-  }, U = {
+  }, B = {
     metadata: {
       ...o
     }
-  }, l = j(null), [g, _] = d(null);
-  p(() => {
-    _(r ?? l.current);
-  }, [r, o == null ? void 0 : o.templateKey, o == null ? void 0 : o.scope]);
-  const N = k(() => {
+  }, l = k(null), [g, L] = p(null);
+  d(() => {
+    L(i ?? l.current);
+  }, [i, o == null ? void 0 : o.templateKey, o == null ? void 0 : o.scope]);
+  const N = V(() => {
+    if (a)
+      return /* @__PURE__ */ r($, {});
     const t = (o == null ? void 0 : o.fields.length) === 0;
-    return f ? /* @__PURE__ */ a(q, {
-      isLoading: n
-    }) : t ? /* @__PURE__ */ a(w, {
-      isBoxAiSuggestionsFeatureEnabled: s,
+    return f ? /* @__PURE__ */ r(G, {
+      isLoading: a
+    }) : t ? /* @__PURE__ */ r(q, {
+      isBoxAiSuggestionsFeatureEnabled: n,
       level: "instance"
-    }) : /* @__PURE__ */ a($, {
-      disableForm: n,
-      portalElement: r ?? g,
+    }) : /* @__PURE__ */ r(J, {
+      disableForm: a,
+      portalElement: i ?? g,
       taxonomyOptionsFetcher: e
     });
-  }, [o == null ? void 0 : o.fields.length, f, n, r, g, e, s]);
-  return /* @__PURE__ */ a(K, {
-    initialValues: U,
-    onSubmit: x,
+  }, [o == null ? void 0 : o.fields.length, f, a, i, g, e, n]);
+  return /* @__PURE__ */ r(W, {
+    initialValues: B,
+    onSubmit: P,
     children: ({
       values: t,
-      dirty: B
-    }) => /* @__PURE__ */ Q(W, {
-      children: [/* @__PURE__ */ a(b, {
-        areAiSuggestionsAvailable: h,
-        className: Y.metadataInstanceForm,
+      dirty: K
+    }) => /* @__PURE__ */ Z(j, {
+      children: [/* @__PURE__ */ r(A, {
+        areAiSuggestionsAvailable: C,
+        className: X.metadataInstanceForm,
         formRef: l,
         formValues: t,
-        getAiSuggestions: A,
-        handleCancel: P,
-        handleDelete: R,
-        isAiSuggestionsFeatureEnabled: s,
-        isDeleteButtonDisabled: C,
-        isFetchingSuggestions: n,
-        isFormDirty: B,
+        getAiSuggestions: v,
+        handleCancel: R,
+        handleDelete: U,
+        iaBetaLanguageEnabled: M,
+        isAiSuggestionsFeatureEnabled: n,
+        isDeleteButtonDisabled: S,
+        isFetchingSuggestions: a,
+        isFormDirty: K,
         selectedTemplateInstance: o,
-        suggestions: v,
+        suggestions: x,
         children: o && N
-      }), /* @__PURE__ */ a(J, {
-        onBackToEdit: () => i(!1),
-        onDiscardChanges: D,
-        open: F
-      }), /* @__PURE__ */ a(z, {
-        onConfirm: () => E(o),
+      }), /* @__PURE__ */ r(z, {
+        onBackToEdit: () => s(!1),
+        onDiscardChanges: y,
+        open: E
+      }), /* @__PURE__ */ r(H, {
+        onConfirm: () => D(o),
         onDismiss: () => m(!1),
         open: O,
         templateName: o == null ? void 0 : o.displayName
@@ -99,5 +102,5 @@ import '../../../../../../styles/metadata-instance-form.css';const X = "_metadat
   }, `${o == null ? void 0 : o.scope}.${o == null ? void 0 : o.templateKey}`);
 };
 export {
-  uo as MetadataInstanceForm
+  lo as MetadataInstanceForm
 };

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

@@ -1,5 +1,5 @@
-import { d as a } from "../../../../../../chunks/index.js";
-const e = a({
+import { d as t } from "../../../../../../chunks/index.js";
+const e = t({
   autofillButton: {
     id: "metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.autofillButton",
     defaultMessage: "Autofill"
@@ -12,6 +12,10 @@ const e = a({
     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..."

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

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

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

@@ -1,41 +1,43 @@
-import { u } from "../../../../../../chunks/index.js";
-import { InlineNotice as I, Text as o } from "@box/blueprint-web";
-import g from "../../../interactive-header-text/interactive-header-text.js";
-import { MetadataInstanceFormAutofillButton as p } from "../metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js";
+import { u as p } from "../../../../../../chunks/index.js";
+import { InlineNotice as g, Text as s } from "@box/blueprint-web";
+import h 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 e from "./messages.js";
-import { jsxs as a, Fragment as H, jsx as r } from "react/jsx-runtime";
-import '../../../../../../styles/metadata-instance-form-header.css';const x = "_metadataInstanceFormHeader_13lxr_1", F = "_title_13lxr_9", s = {
-  metadataInstanceFormHeader: x,
-  title: F
-}, B = ({
-  areAiSuggestionsAvailable: n,
-  hasSuggestions: i,
-  isAiSuggestionsFeatureEnabled: m,
-  isLoading: c,
-  templateName: l,
-  onAutofill: d
+import { jsxs as a, Fragment as x, jsx as o } from "react/jsx-runtime";
+import '../../../../../../styles/metadata-instance-form-header.css';const F = "_metadataInstanceFormHeader_13lxr_1", N = "_title_13lxr_9", i = {
+  metadataInstanceFormHeader: F,
+  title: N
+}, j = ({
+  areAiSuggestionsAvailable: r,
+  hasSuggestions: m,
+  isAiSuggestionsFeatureEnabled: c,
+  iaBetaLanguageEnabled: n,
+  isLoading: l,
+  templateName: d,
+  onAutofill: f
 }) => {
-  const t = u(), f = l ?? t.formatMessage(e.customInstanceTitle);
-  return /* @__PURE__ */ a(H, {
+  const t = p(), I = d ?? t.formatMessage(e.customInstanceTitle), u = m && r && n;
+  return /* @__PURE__ */ a(x, {
     children: [/* @__PURE__ */ a("div", {
-      className: s.metadataInstanceFormHeader,
-      children: [/* @__PURE__ */ r(g, {
-        className: s.title,
-        title: f
-      }), m ? /* @__PURE__ */ r(p, {
-        areAiSuggestionsAvailable: n,
-        isLoading: c,
-        onAutofill: d
+      className: i.metadataInstanceFormHeader,
+      children: [/* @__PURE__ */ o(h, {
+        className: i.title,
+        title: I
+      }), c ? /* @__PURE__ */ o(H, {
+        areAiSuggestionsAvailable: r,
+        iaBetaLanguageEnabled: n,
+        isLoading: l,
+        onAutofill: f
       }) : null]
-    }), i && n ? /* @__PURE__ */ r("div", {
-      children: /* @__PURE__ */ a(I, {
+    }), u ? /* @__PURE__ */ o("div", {
+      children: /* @__PURE__ */ a(g, {
         variant: "info",
         variantIconAriaLabel: t.formatMessage(e.aiSuggestionNoticeHeader),
-        children: [/* @__PURE__ */ r(o, {
+        children: [/* @__PURE__ */ o(s, {
           as: "p",
           variant: "bodyDefaultBold",
           children: t.formatMessage(e.aiSuggestionNoticeHeader)
-        }), /* @__PURE__ */ a(o, {
+        }), /* @__PURE__ */ a(s, {
           as: "p",
           children: [t.formatMessage(e.aiSuggestionNoticeBody), " "]
         })]
@@ -44,5 +46,5 @@ import '../../../../../../styles/metadata-instance-form-header.css';const x = "_
   });
 };
 export {
-  B as MetadataInstanceFormHeader
+  j as MetadataInstanceFormHeader
 };

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

@@ -1,58 +1,59 @@
 import { Card as A, Divider as u } from "@box/blueprint-web";
 import { useState as D } from "react";
-import { useAutofill as S } from "../../../../utils/autofill-context.js";
+import { useAutofill as g } from "../../../../utils/autofill-context.js";
 import { MetadataEmptyState as b } from "../../../metadata-empty-state/metadata-empty-state.js";
-import { MetadataInstanceContent as g } from "../metadata-instance-content/metadata-instance-content.js";
+import { MetadataInstanceContent as S } from "../metadata-instance-content/metadata-instance-content.js";
 import { MetadataInstanceFooter as H } from "../metadata-instance-footer/metadata-instance-footer.js";
 import { MetadataInstanceHeader as _ } from "../metadata-instance-header/metadata-instance-header.js";
-import { jsxs as a, jsx as t, Fragment as n } from "react/jsx-runtime";
+import { jsxs as s, jsx as t, Fragment as n } from "react/jsx-runtime";
 import '../../../../../../styles/metadata-instance.css';const M = "_topDivider_tzhlb_1", N = "_bottomDivider_tzhlb_5", y = {
   topDivider: M,
   bottomDivider: N
-}, W = ({
+}, L = ({
   areAiSuggestionsAvailable: p,
   isAiSuggestionsFeatureEnabled: d,
   onEdit: l,
   templateInstance: o,
-  taxonomyNodeFetcher: c
+  taxonomyNodeFetcher: E
 }) => {
-  const i = o.fields, m = (s) => !s.value || Array.isArray(s.value) && s.value.length === 0, h = i.every(m), v = i.some(m), E = i.length > 0, [e, r] = D(!0), {
+  const e = o.fields, m = (r) => !r.value || Array.isArray(r.value) && r.value.length === 0, c = e.every(m), h = e.some(m), v = e.length > 0, [i, a] = D(!0), {
     getAiSuggestions: f
-  } = S(), V = () => {
+  } = g(), V = () => {
     l(o), f(o.templateKey, o.scope);
   };
-  return /* @__PURE__ */ a(A, {
+  return /* @__PURE__ */ s(A, {
     children: [/* @__PURE__ */ t(_, {
       areAiSuggestionsAvailable: p,
       canEdit: o.canEdit,
+      iaBetaLanguageEnabled: !1,
       isAiSuggestionsFeatureEnabled: d,
       onAutofill: V,
       onEdit: () => l(o),
       templateName: o == null ? void 0 : o.displayName
     }), /* @__PURE__ */ t(u, {
       className: y.topDivider
-    }), e && h ? /* @__PURE__ */ t(b, {
-      isAnyEmptyValueHidden: E,
+    }), i && c ? /* @__PURE__ */ t(b, {
+      isAnyEmptyValueHidden: v,
       isBoxAiSuggestionsFeatureEnabled: d,
       level: "instance",
-      onShowEmptyValues: () => r(!1)
-    }) : /* @__PURE__ */ a(n, {
-      children: [/* @__PURE__ */ t(g, {
-        shouldHideEmptyValues: e,
-        taxonomyNodeFetcher: c,
+      onShowEmptyValues: () => a(!1)
+    }) : /* @__PURE__ */ s(n, {
+      children: [/* @__PURE__ */ t(S, {
+        shouldHideEmptyValues: i,
+        taxonomyNodeFetcher: E,
         templateInstance: o
-      }), v && /* @__PURE__ */ a(n, {
+      }), h && /* @__PURE__ */ s(n, {
         children: [/* @__PURE__ */ t(u, {
           className: y.bottomDivider
         }), /* @__PURE__ */ t(H, {
-          isAnyEmptyValueHidden: e,
-          onHideEmptyValues: () => r(!0),
-          onShowEmptyValues: () => r(!1)
+          isAnyEmptyValueHidden: i,
+          onHideEmptyValues: () => a(!0),
+          onShowEmptyValues: () => a(!1)
         })]
       })]
     })]
   });
 };
 export {
-  W as MetadataInstance
+  L as MetadataInstance
 };

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

@@ -8,6 +8,10 @@ const e = t({
     id: "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonTooltip",
     defaultMessage: "Autofill with Box AI (Beta)"
   },
+  autofillButtonTooltipGA: {
+    id: "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonTooltipGA",
+    defaultMessage: "Autofill with Box AI"
+  },
   autofillButtonAriaLabel: {
     id: "metadataEditor.viewInstance.metadataInstanceHeader.autofillButtonAriaLabel",
     defaultMessage: "Autofill {templateName} with Box AI"