@box/metadata-editor 0.91.2 → 0.92.1

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

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

package/esm/index.js

@@ -6,18 +6,18 @@ import { MULTI_VALUE_DEFAULT_OPTION as x, MULTI_VALUE_DEFAULT_TAXONOMY_OPTION as
 import { MetadataEmptyState as s } from "./lib/components/metadata-empty-state/metadata-empty-state.js";
 import { CustomInstanceNewField as I } from "./lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/custom-instance-new-field.js";
 import { DeleteConfirmationModal as u } from "./lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/delete-confirmation-modal.js";
-import { MetadataInstanceFormAutofillButton as T } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js";
-import { MetadataInstanceFormHeader as E } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
-import { MetadataInstanceForm as c } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js";
+import { MetadataInstanceFormAutofillButton as _ } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-autofill-button/metadata-instance-form-autofill-button.js";
+import { MetadataInstanceFormHeader as L } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/metadata-instance-form-header.js";
+import { MetadataInstanceForm as F } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js";
 import { J as D } from "../chunks/utils.js";
-import { MetadataInstanceList as V } from "./lib/components/metadata-instance-list/metadata-instance-list.js";
-import { MetadataInstanceHeader as N } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js";
+import { MetadataInstanceList as N } from "./lib/components/metadata-instance-list/metadata-instance-list.js";
+import { MetadataInstanceHeader as w } from "./lib/components/metadata-instance-list/subcomponents/metadata-instance-header/metadata-instance-header.js";
 import { UnsavedChangesModal as h } from "./lib/components/unsaved-changes-modal/unsaved-changes-modal.js";
-import { defaultInitialValues as g, defaultMetadataValueMap as v } from "./lib/defaults.js";
-import { MetadataEditor as J } from "./lib/metadata-editor.js";
+import { defaultInitialValues as b, defaultMetadataValueMap as g } from "./lib/defaults.js";
+import { MetadataEditor as H } from "./lib/metadata-editor.js";
 import { U as W } from "../chunks/types.js";
 import { withApiWrapper as B } from "./lib/utils/api-wrapper.js";
-import { AutofillContext as Y, AutofillContextProvider as j, useAutofill as k } from "./lib/utils/autofill-context.js";
+import { AutofillContext as Y, AutofillContextProvider as j, TIMEOUT_10_SECONDS as k, useAutofill as q } from "./lib/utils/autofill-context.js";
 export {
   e as AddMetadataTemplateDropdown,
   Y as AutofillContext,
@@ -31,17 +31,18 @@ export {
   x as MULTI_VALUE_DEFAULT_OPTION,
   i as MULTI_VALUE_DEFAULT_TAXONOMY_OPTION,
   l as MULTI_VALUE_DEFAULT_VALUE,
-  J as MetadataEditor,
+  H as MetadataEditor,
   s as MetadataEmptyState,
-  c as MetadataInstanceForm,
-  T as MetadataInstanceFormAutofillButton,
-  E as MetadataInstanceFormHeader,
-  N as MetadataInstanceHeader,
-  V as MetadataInstanceList,
+  F as MetadataInstanceForm,
+  _ as MetadataInstanceFormAutofillButton,
+  L as MetadataInstanceFormHeader,
+  w as MetadataInstanceHeader,
+  N as MetadataInstanceList,
+  k as TIMEOUT_10_SECONDS,
   h as UnsavedChangesModal,
   W as UpdateMode,
-  g as defaultInitialValues,
-  v as defaultMetadataValueMap,
-  k as useAutofill,
+  b as defaultInitialValues,
+  g as defaultMetadataValueMap,
+  q as useAutofill,
   B as withApiWrapper
 };

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

@@ -1,36 +1,56 @@
-import { LoadingIndicator as c, Text as o } from "@box/blueprint-web";
-import { u as m } from "../../../../../../chunks/index.js";
-import a from "./messages.js";
-import { jsxs as d, jsx as l } from "react/jsx-runtime";
-import '../../../../../../styles/autofill-overlay.css';const f = "_autofillOverlay_m4rm9_1", g = "_loadingIcon_m4rm9_14", u = "_testContainerStyle_m4rm9_21", r = {
-  autofillOverlay: f,
-  loadingIcon: g,
-  testContainerStyle: u
-}, I = ({
-  isFetchingSuggestions: i,
-  isLongLoading: e
+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 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
+}, A = ({
+  errorCode: a,
+  isFetchingSuggestions: c,
+  isLongLoading: o
 }) => {
-  const t = m(), n = e ? t.formatMessage(a.longLoadingTitle) : t.formatMessage(a.defaultLoadingMessage), s = e && t.formatMessage(a.longLoadingDescription);
-  return i ? /* @__PURE__ */ d("div", {
-    className: r.autofillOverlay,
-    children: [/* @__PURE__ */ l(c, {
-      "aria-label": t.formatMessage(a.loadingAriaLabel),
+  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: _,
+      height: m,
+      role: "presentation",
+      width: m
+    }) : /* @__PURE__ */ i(v, {
+      "aria-label": t.formatMessage(e.loadingAriaLabel),
       "aria-live": "polite",
-      className: r.loadingIcon,
+      className: s.loadingIcon,
       size: "large",
       variant: "default"
-    }), /* @__PURE__ */ l(o, {
+    }), /* @__PURE__ */ i(n, {
       as: "p",
+      className: s.autofillOverlayTitle,
       variant: "subtitle",
-      children: n
-    }), e && /* @__PURE__ */ l(o, {
+      children: l
+    }), r && /* @__PURE__ */ i(n, {
       as: "p",
       color: "textOnLightSecondary",
       variant: "bodyDefault",
-      children: s
+      children: r
+    }), a && /* @__PURE__ */ i(g, {
+      className: s.dismissButton,
+      onClick: () => u(!0),
+      "data-target-id": "TextButton-dismissButton",
+      children: t.formatMessage(e.dismissButton)
     })]
-  }) : null;
+  });
 };
 export {
-  I as AutofillOverlay
+  A as AutofillOverlay
 };

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

@@ -4,6 +4,18 @@ const e = a({
     id: "metadataEditor.metadataInstanceEditor.autofillOverlay.defaultLoadingMessage",
     defaultMessage: "Extracting Metadata"
   },
+  dismissButton: {
+    id: "metadataEditor.metadataInstanceEditor.autofillOverlay.dismissButton",
+    defaultMessage: "Dismiss"
+  },
+  errorTitle: {
+    id: "metadataEditor.metadataInstanceEditor.autofillOverlay.errorTitle",
+    defaultMessage: "Metadata extraction could not complete"
+  },
+  errorDescription: {
+    id: "metadataEditor.metadataInstanceEditor.autofillOverlay.errorDescription",
+    defaultMessage: "Please try again in a few minutes"
+  },
   loadingAriaLabel: {
     id: "metadataEditor.metadataInstanceEditor.autofillOverlay.loadingAriaLabel",
     defaultMessage: "Loading"

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

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

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
+};