@box/metadata-editor 0.92.0 → 0.92.2

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

@@ -1,56 +1,59 @@
-import C from "clsx";
+import y from "clsx";
 import { Card as S } from "@box/blueprint-web";
-import { TEMPLATE_CUSTOM_PROPERTIES as A } from "../esm/lib/constants.js";
-import { MetadataInstanceFormFooter as E } 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 e, jsxs as b } from "react/jsx-runtime";
-import '../styles/metadata-instance-form-card-wrapper.css';const y = "_metadataInstanceForm_6uz9p_1", D = "_wrapperGradient_6uz9p_7", I = "_suggestionsFetching_6uz9p_12", N = "_metadataInstanceFormContent_6uz9p_18", s = {
-  metadataInstanceForm: y,
-  wrapperGradient: D,
-  suggestionsFetching: I,
-  metadataInstanceFormContent: N
-}, R = (n) => {
+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_1ae95_1", v = "_wrapperGradient_1ae95_7", D = "_suggestionsFetching_1ae95_12", I = "_metadataInstanceFormContent_1ae95_18", L = "_showOverlay_1ae95_25", s = {
+  metadataInstanceForm: b,
+  wrapperGradient: v,
+  suggestionsFetching: D,
+  metadataInstanceFormContent: I,
+  showOverlay: L
+}, j = (n) => {
   const {
     areAiSuggestionsAvailable: o,
     children: r,
     className: i,
-    formRef: m,
-    isAiSuggestionsFeatureEnabled: g,
+    formRef: g,
+    isAiSuggestionsFeatureEnabled: m,
     isBetaLanguageEnabled: d,
-    isDeleteButtonDisabled: c,
-    suggestions: u,
-    isFetchingSuggestions: a,
-    isFormDirty: p = !1,
-    selectedTemplateInstance: t,
-    getAiSuggestions: l,
-    handleCancel: F,
-    handleDelete: _
-  } = n, f = (t == null ? void 0 : t.templateKey) === A, h = !!u[t == null ? void 0 : t.templateKey];
-  return /* @__PURE__ */ e("div", {
-    className: a && s.wrapperGradient,
-    children: /* @__PURE__ */ b(S, {
-      ref: m,
-      className: C(i, {
-        [s.suggestionsFetching]: a
+    isLargeFile: c,
+    isDeleteButtonDisabled: l,
+    suggestions: F,
+    isFetchingSuggestions: e,
+    isFormDirty: u = !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];
+  return /* @__PURE__ */ t("div", {
+    className: e && s.wrapperGradient,
+    children: /* @__PURE__ */ M(S, {
+      ref: g,
+      className: y(i, {
+        [s.suggestionsFetching]: e
       }),
-      children: [/* @__PURE__ */ e(M, {
+      children: [/* @__PURE__ */ t(E, {
         areAiSuggestionsAvailable: o,
-        hasSuggestions: h,
-        isAiSuggestionsFeatureEnabled: g && !f,
+        hasSuggestions: C,
+        isAiSuggestionsFeatureEnabled: m && !f,
         isBetaLanguageEnabled: d,
-        isLoading: a,
-        onAutofill: l,
-        templateName: t == null ? void 0 : t.displayName
-      }), t && r, /* @__PURE__ */ e(E, {
-        isDeleteButtonDisabled: c,
-        isLoading: a,
-        onCancel: () => F(p),
-        onDelete: _
+        isLargeFile: c,
+        isLoading: e,
+        onAutofill: _,
+        templateName: a == null ? void 0 : a.displayName
+      }), a && r, /* @__PURE__ */ t(A, {
+        isDeleteButtonDisabled: l,
+        isLoading: e,
+        onCancel: () => p(u),
+        onDelete: h
       })]
     })
   });
 };
 export {
-  R as M,
+  j as M,
   s
 };

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

@@ -1,50 +1,53 @@
 import { useState as d } from "react";
-import { LoadingIndicator as v, Text as n, TextButton as g } from "@box/blueprint-web";
-import { u as p } from "../../../../../../chunks/index.js";
-import { AlertTriangle as y } from "@box/blueprint-web-assets/icons/Line";
-import { SurfaceStatusSurfaceError as _, Size5 as m } from "@box/blueprint-web-assets/tokens/tokens";
+import { LoadingIndicator as y, Text as n, TextButton as g } from "@box/blueprint-web";
+import { u as v } from "../../../../../../chunks/index.js";
+import { AlertTriangle as _ } from "@box/blueprint-web-assets/icons/Line";
+import { SurfaceStatusSurfaceError as p, Size5 as m } from "@box/blueprint-web-assets/tokens/tokens";
+import h from "clsx";
 import e from "./messages.js";
-import { jsxs as O, jsx as i } from "react/jsx-runtime";
-import '../../../../../../styles/autofill-overlay.css';const T = "_autofillOverlay_vvkb0_1", b = "_autofillOverlayTitle_vvkb0_15", S = "_dismissButton_vvkb0_20", h = "_loadingIcon_vvkb0_24", B = "_testContainerStyle_vvkb0_29", s = {
-  autofillOverlay: T,
-  autofillOverlayTitle: b,
-  dismissButton: S,
-  loadingIcon: h,
-  testContainerStyle: B
+import { jsxs as b, jsx as i } from "react/jsx-runtime";
+import '../../../../../../styles/autofill-overlay.css';const O = "_autofillOverlay_15bqk_1", T = "_withError_15bqk_15", S = "_autofillOverlayTitle_15bqk_19", x = "_dismissButton_15bqk_24", B = "_overlayIcon_15bqk_28", I = "_testContainerStyle_15bqk_34", a = {
+  autofillOverlay: O,
+  withError: T,
+  autofillOverlayTitle: S,
+  dismissButton: x,
+  overlayIcon: B,
+  testContainerStyle: I
 }, A = ({
-  errorCode: a,
+  errorCode: s,
   isFetchingSuggestions: c,
-  isLongLoading: o
+  isLongLoading: l
 }) => {
-  const t = p(), [f, u] = d(!1);
-  let l = t.formatMessage(e.defaultLoadingMessage);
-  a && (l = t.formatMessage(e.errorTitle)), o && (l = t.formatMessage(e.longLoadingTitle));
-  const r = o ? t.formatMessage(e.longLoadingDescription) : a && t.formatMessage(e.errorDescription);
-  return !c && !a || f ? null : /* @__PURE__ */ O("div", {
-    className: s.autofillOverlay,
-    children: [a ? /* @__PURE__ */ i(y, {
-      color: _,
+  const t = v(), [f, u] = d(!1);
+  let o = t.formatMessage(e.defaultLoadingMessage);
+  s && (o = t.formatMessage(e.errorTitle)), l && (o = t.formatMessage(e.longLoadingTitle));
+  const r = l ? t.formatMessage(e.longLoadingDescription) : s && t.formatMessage(e.errorDescription);
+  return !c && !s || f ? null : /* @__PURE__ */ b("div", {
+    className: h(a.autofillOverlay, s && a.withError),
+    children: [s ? /* @__PURE__ */ i(_, {
+      className: a.overlayIcon,
+      color: p,
       height: m,
       role: "presentation",
       width: m
-    }) : /* @__PURE__ */ i(v, {
+    }) : /* @__PURE__ */ i(y, {
       "aria-label": t.formatMessage(e.loadingAriaLabel),
       "aria-live": "polite",
-      className: s.loadingIcon,
+      className: a.overlayIcon,
       size: "large",
       variant: "default"
     }), /* @__PURE__ */ i(n, {
       as: "p",
-      className: s.autofillOverlayTitle,
+      className: a.autofillOverlayTitle,
       variant: "subtitle",
-      children: l
+      children: o
     }), r && /* @__PURE__ */ i(n, {
       as: "p",
       color: "textOnLightSecondary",
       variant: "bodyDefault",
       children: r
-    }), a && /* @__PURE__ */ i(g, {
-      className: s.dismissButton,
+    }), s && /* @__PURE__ */ i(g, {
+      className: a.dismissButton,
       onClick: () => u(!0),
       "data-target-id": "TextButton-dismissButton",
       children: t.formatMessage(e.dismissButton)

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

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

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

@@ -1,9 +1,9 @@
-import { TextButton as b, Button as r } from "@box/blueprint-web";
-import { useFormikContext as g } from "formik";
+import { TextButton as g, Button as r } from "@box/blueprint-web";
+import { useFormikContext as b } from "formik";
 import { u as B } from "../../../../../../chunks/index.js";
 import o from "./messages.js";
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import '../../../../../../styles/metadata-instance-form-footer.css';const F = "_metadataInstanceFormFooter_17478_1", f = "_buttonsContainer_17478_8", _ = "_buttons_17478_8", n = {
+import '../../../../../../styles/metadata-instance-form-footer.css';const F = "_metadataInstanceFormFooter_15nrg_1", f = "_buttonsContainer_15nrg_7", _ = "_buttons_15nrg_7", a = {
   metadataInstanceFormFooter: F,
   buttonsContainer: f,
   buttons: _
@@ -16,27 +16,27 @@ import '../../../../../../styles/metadata-instance-form-footer.css';const F = "_
   const t = B(), {
     isSubmitting: s,
     submitForm: u
-  } = g(), a = m || s;
+  } = b(), n = m || s;
   return /* @__PURE__ */ e("div", {
-    className: n.metadataInstanceFormFooter,
+    className: a.metadataInstanceFormFooter,
     children: /* @__PURE__ */ i("div", {
-      className: n.buttonsContainer,
-      children: [/* @__PURE__ */ e(b, {
-        disabled: a || d,
+      className: a.buttonsContainer,
+      children: [/* @__PURE__ */ e(g, {
+        disabled: n || d,
         onClick: l,
         "data-target-id": "TextButton-deleteButton",
         children: t.formatMessage(o.deleteButton)
       }), /* @__PURE__ */ i("div", {
-        className: n.buttons,
+        className: a.buttons,
         children: [/* @__PURE__ */ e(r, {
-          disabled: a,
+          disabled: n,
           onClick: c,
           size: "large",
           variant: "secondary",
           "data-target-id": "Button-cancelButton",
           children: t.formatMessage(o.cancelButton)
         }), /* @__PURE__ */ e(r, {
-          disabled: a,
+          disabled: n,
           loading: s,
           loadingAriaLabel: t.formatMessage(o.loadingAriaLabel),
           onClick: u,

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

@@ -1,18 +1,10 @@
-import { d as e } from "../../../../../../chunks/index.js";
-const t = e({
+import { d as a } from "../../../../../../chunks/index.js";
+const e = a({
   customInstanceTitle: {
     id: "metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.customInstanceTitle",
     defaultMessage: "Custom Metadata"
-  },
-  aiSuggestionNoticeHeader: {
-    id: "metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.aiSuggestionNoticeHeader",
-    defaultMessage: "AI Autofill is in Beta"
-  },
-  aiSuggestionNoticeBody: {
-    id: "metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.aiSuggestionNoticeBody",
-    defaultMessage: "Please check responses before saving."
   }
 });
 export {
-  t as default
+  e as default
 };

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

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

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

@@ -0,0 +1,22 @@
+import { d as e } from "../../../../../../chunks/index.js";
+const t = e({
+  autofillInBetaNoticeHeader: {
+    id: "metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.autofillInBetaNoticeHeader",
+    defaultMessage: "AI Autofill is in Beta"
+  },
+  autofillInBetaNoticeBody: {
+    id: "metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.autofillInBetaNoticeBody",
+    defaultMessage: "Please check responses before saving."
+  },
+  largeFileNoticeHeader: {
+    id: "metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.largeFileNoticeHeader",
+    defaultMessage: "Text content is too large"
+  },
+  largeFileNoticeBody: {
+    id: "metadataEditor.metadataInstanceEditor.metadataInstanceFormHeader.largeFileNoticeBody",
+    defaultMessage: "Box AI won’t be able to access the full text, which may impact metadata values"
+  }
+});
+export {
+  t as default
+};

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

@@ -0,0 +1,46 @@
+import { u as c } from "../../../../../../chunks/index.js";
+import { InlineNotice as l, Text as t } from "@box/blueprint-web";
+import a from "./messages.js";
+import { jsxs as i, Fragment as d, jsx as n } from "react/jsx-runtime";
+import '../../../../../../styles/metadata-instance-form-inline-notice.css';const m = "_inlineNotice_j1wao_1", s = {
+  inlineNotice: m
+}, p = ({
+  isLargeFile: o,
+  isBetaLanguageEnabled: r
+}) => {
+  const e = c();
+  return !r && !o ? null : /* @__PURE__ */ i(d, {
+    children: [o && /* @__PURE__ */ n("div", {
+      className: s.inlineNotice,
+      children: /* @__PURE__ */ i(l, {
+        variant: "warning",
+        variantIconAriaLabel: e.formatMessage(a.largeFileNoticeHeader),
+        children: [/* @__PURE__ */ n(t, {
+          as: "p",
+          variant: "bodyDefaultBold",
+          children: e.formatMessage(a.largeFileNoticeHeader)
+        }), /* @__PURE__ */ i(t, {
+          as: "p",
+          children: [e.formatMessage(a.largeFileNoticeBody), " "]
+        })]
+      })
+    }), r && /* @__PURE__ */ n("div", {
+      className: s.inlineNotice,
+      children: /* @__PURE__ */ i(l, {
+        variant: "info",
+        variantIconAriaLabel: e.formatMessage(a.autofillInBetaNoticeHeader),
+        children: [/* @__PURE__ */ n(t, {
+          as: "p",
+          variant: "bodyDefaultBold",
+          children: e.formatMessage(a.autofillInBetaNoticeHeader)
+        }), /* @__PURE__ */ i(t, {
+          as: "p",
+          children: [e.formatMessage(a.autofillInBetaNoticeBody), " "]
+        })]
+      })
+    })]
+  });
+};
+export {
+  p as MetadataInstanceFormInlineNotice
+};