@box/metadata-editor 0.88.0 → 0.89.0

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

@@ -15,7 +15,7 @@ import '../styles/metadata-instance-form-card-wrapper.css';const y = "_metadataI
     className: n,
     formRef: g,
     isAiSuggestionsFeatureEnabled: m,
-    iaBetaLanguageEnabled: d,
+    isBetaLanguageEnabled: d,
     isDeleteButtonDisabled: c,
     suggestions: l,
     isFetchingSuggestions: s,
@@ -35,8 +35,8 @@ import '../styles/metadata-instance-form-card-wrapper.css';const y = "_metadataI
       children: [/* @__PURE__ */ t(C, {
         areAiSuggestionsAvailable: o,
         hasSuggestions: _,
-        iaBetaLanguageEnabled: d,
         isAiSuggestionsFeatureEnabled: m && !h,
+        isBetaLanguageEnabled: d,
         isLoading: s,
         onAutofill: p,
         templateName: a == null ? void 0 : a.displayName

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

@@ -1,28 +1,34 @@
-import { LoadingIndicator as i, Text as l } from "@box/blueprint-web";
-import { u as n } from "../../../../../../chunks/index.js";
+import { LoadingIndicator as r, Text as i } from "@box/blueprint-web";
+import { u as d } 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, {
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import '../../../../../../styles/autofill-loading-state.css';const g = "_autofillLoadingState_hoso1_1", f = "_loadingIcon_hoso1_8", m = "_testContainerStyle_hoso1_15", n = {
+  autofillLoadingState: g,
+  loadingIcon: f,
+  testContainerStyle: m
+}, h = ({
+  isLongLoading: o
+}) => {
+  const t = d(), s = o ? t.formatMessage(a.longLoadingTitle) : t.formatMessage(a.defaultLoadingMessage), l = o && t.formatMessage(a.longLoadingDescription);
+  return /* @__PURE__ */ c("div", {
+    className: n.autofillLoadingState,
+    children: [/* @__PURE__ */ e(r, {
       "aria-label": t.formatMessage(a.loadingAriaLabel),
       "aria-live": "polite",
-      className: e.loadingIcon,
+      className: n.loadingIcon,
       size: "large",
       variant: "default"
-    }), /* @__PURE__ */ o(l, {
+    }), /* @__PURE__ */ e(i, {
       as: "p",
-      variant: "titleSmall",
-      children: t.formatMessage(a.defaultLoadingMessage)
+      variant: "subtitle",
+      children: s
+    }), o && /* @__PURE__ */ e(i, {
+      as: "p",
+      variant: "bodyDefault",
+      children: l
     })]
   });
 };
 export {
-  S as AutofillLoadingState
+  h as AutofillLoadingState
 };

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

@@ -7,6 +7,14 @@ const e = a({
   loadingAriaLabel: {
     id: "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel",
     defaultMessage: "Loading"
+  },
+  longLoadingTitle: {
+    id: "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle",
+    defaultMessage: "This is taking longer than usual"
+  },
+  longLoadingDescription: {
+    id: "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription",
+    defaultMessage: "Still working on it!"
   }
 });
 export {

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

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

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

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

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

@@ -11,7 +11,7 @@ import '../../../../../../styles/metadata-instance-form-header.css';const F = "_
   areAiSuggestionsAvailable: r,
   hasSuggestions: m,
   isAiSuggestionsFeatureEnabled: c,
-  iaBetaLanguageEnabled: n,
+  isBetaLanguageEnabled: n,
   isLoading: l,
   templateName: d,
   onAutofill: f
@@ -25,7 +25,7 @@ import '../../../../../../styles/metadata-instance-form-header.css';const F = "_
         title: I
       }), c ? /* @__PURE__ */ o(H, {
         areAiSuggestionsAvailable: r,
-        iaBetaLanguageEnabled: n,
+        isBetaLanguageEnabled: n,
         isLoading: l,
         onAutofill: f
       }) : null]

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

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

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

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

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

@@ -13,7 +13,7 @@ import '../../../../../../styles/metadata-instance-header.css';const b = "_metad
   areAiSuggestionsAvailable: c,
   canEdit: l,
   isAiSuggestionsFeatureEnabled: d,
-  iaBetaLanguageEnabled: m,
+  isBetaLanguageEnabled: m,
   onEdit: u,
   onAutofill: f,
   templateName: n

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

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

package/i18n/bn-IN.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "যেমন, 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ মান যোগ করুন",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "{fieldName} অ্যাট্রিবিউট মুছুন",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "মান সেট করুন",

package/i18n/da-DK.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "f.eks. 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ Tilføj attribut",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "Slet attributten {fieldName}",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "Indstil værdi",

package/i18n/de-DE.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "z. B. 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ Attribut hinzufügen",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "{fieldName}-Attribut löschen",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "Wert festlegen",

package/i18n/en-AU.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "e.g. 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ Add Attribute",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "Delete {fieldName} attribute",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "Set value",

package/i18n/en-CA.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "e.g. 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ Add Attribute",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "Delete {fieldName} attribute",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "Set value",

package/i18n/en-GB.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "e.g. 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ Add Attribute",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "Delete {fieldName} attribute",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "Set value",

package/i18n/en-US.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "e.g. 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ Add Attribute",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "Delete {fieldName} attribute",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "Set value",

package/i18n/en-US.properties

@@ -164,6 +164,10 @@ metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder = e.g. 42
 metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage = Extracting Metadata
 # Aria label for loading spinner
 metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel = Loading
+# Description for long loading state while fetching AI suggestions
+metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription = Still working on it!
+# Title for long loading state while fetching AI suggestions
+metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle = This is taking longer than usual
 # Button that allow to add new attribute to metadata custom instance
 metadataEditor.metadataInstanceEditor.customInstance.addAttribute = + Add Attribute
 # Aria label for button that allow to remove attribute from metadata custom instance

package/i18n/en-x-pseudo.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "⟦萬萬 ê.ĝ. 42 國國⟧",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "⟦萬萬萬萬 + Āďď Αţŧгіьùτę 國國國國⟧",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "⟦萬萬萬萬萬萬 Ðέľėťē {fieldName} åττŕϊьűτε 國國國國國國⟧",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "⟦萬萬 Śēŧ νâľűё 國國⟧",

package/i18n/es-419.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "Por ejemplo, 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ Agregar atributo",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "Eliminar el atributo {fieldName}",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "Establecer el valor",

package/i18n/es-ES.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "Por ejemplo, 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ Agregar atributo",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "Eliminar el atributo {fieldName}",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "Establecer el valor",

package/i18n/fi-FI.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "esim. 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ Lisää attribuutti",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "Poista määrite {fieldName}",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "Aseta arvo",

package/i18n/fr-CA.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "par exemple 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ Ajouter un attribut",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "Supprimer l'attribut {fieldName}",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "Définir la valeur",

package/i18n/fr-FR.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "par exemple 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ Ajouter un attribut",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "Supprimer l'attribut {fieldName}",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "Définir la valeur",

package/i18n/hi-IN.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "जैसे 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "अधिक एट्रिब्यूट जोड़ें",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "{fieldName} एट्रीब्यूट को हटाएँ",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "वैल्यू सेट करें",

package/i18n/it-IT.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "es. 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ Aggiungi attributo",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "Elimina attributo {fieldName}",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "Imposta valore",

package/i18n/ja-JP.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "例: 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ 属性の追加",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "{fieldName}属性を削除",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "値を設定",

package/i18n/json/src/lib/components/metadata-instance-editor/subcomponents/autofill-loading-state/messages.json

@@ -1 +1 @@
-[{"id":"metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage","description":"Loading message when autofill metadata extraction endpoint is called","defaultMessage":"Extracting Metadata"},{"id":"metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel","description":"Aria label for loading spinner","defaultMessage":"Loading"}]
+[{"id":"metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage","description":"Loading message when autofill metadata extraction endpoint is called","defaultMessage":"Extracting Metadata"},{"id":"metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel","description":"Aria label for loading spinner","defaultMessage":"Loading"},{"id":"metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle","description":"Title for long loading state while fetching AI suggestions","defaultMessage":"This is taking longer than usual"},{"id":"metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription","description":"Description for long loading state while fetching AI suggestions","defaultMessage":"Still working on it!"}]

package/i18n/ko-KR.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "예: 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ 속성 추가",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "{fieldName} 속성 삭제",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "값 설정",

package/i18n/nb-NO.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "f.eks. 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "Legg til attributt",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "Slett {fieldName} attributt",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "Angi verdi",

package/i18n/nl-NL.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "bijv. 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ Kenmerk toevoegen",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "Kenmerk {fieldName} verwijderen",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "Waarde instellen",

package/i18n/pl-PL.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "np. 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ Dodaj atrybut",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "Usuń atrybut {fieldName}",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "Ustaw wartość",

package/i18n/pt-BR.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "por exemplo, 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ Adicionar atributo",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "Excluir atributo de {fieldName}",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "Definir valor",

package/i18n/ru-RU.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "например, 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "Добавить атрибут",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "Удалить атрибут {fieldName}",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "Установить значение",

package/i18n/sv-SE.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "t.ex. 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ Lägg till attribut",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "Radera {fieldName} attribut",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "Ställ in värde",

package/i18n/tr-TR.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "örn. 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ Öznitelik Ekle",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "{fieldName} özniteliğini sil",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "Değeri ayarla",

package/i18n/zh-CN.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "例如 42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ 添加属性",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "删除 {fieldName} 属性",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "设置值",

package/i18n/zh-TW.js

@@ -82,6 +82,8 @@ export default {
   "metadataEditor.metadataEditor.customIntanceNewField.valuePlaceholder": "例如，42",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.defaultLoadingMessage": "Extracting Metadata",
   "metadataEditor.metadataInstanceEditor.autofillLoadingState.loadingAriaLabel": "Loading",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingDescription": "Still working on it!",
+  "metadataEditor.metadataInstanceEditor.autofillLoadingState.longLoadingTitle": "This is taking longer than usual",
   "metadataEditor.metadataInstanceEditor.customInstance.addAttribute": "+ 新增屬性",
   "metadataEditor.metadataInstanceEditor.customInstance.removeAttribute": "刪除 {fieldName} 屬性",
   "metadataEditor.metadataInstanceEditor.customInstance.setValuePlaceholder": "設定值",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.88.0",
+  "version": "0.89.0",
   "peerDependencies": {
     "@ariakit/react": "0.4.15",
     "@box/blueprint-web": "^7.30.3",
@@ -53,5 +53,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "1166503ff98db2700e724d11f726585408b50710"
+  "gitHead": "73bd618b9f774f317b466bef57062ff424c90c50"
 }

package/styles/autofill-loading-state.css

@@ -1 +1 @@
-._autofillLoadingState_1dfyd_1{height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column}._loadingIcon_1dfyd_9{display:block;position:relative;margin-bottom:var(--space-4)}._testContainerStyle_1dfyd_15{border:1px solid #000}
+._autofillLoadingState_hoso1_1{height:320px;display:flex;align-items:center;flex-direction:column}._loadingIcon_hoso1_8{margin-top:96px;display:block;position:relative;margin-bottom:var(--space-4)}._testContainerStyle_hoso1_15{border:1px solid #000}

package/types/lib/components/metadata-instance-editor/subcomponents/autofill-loading-state/autofill-loading-state.d.ts

@@ -1 +1,4 @@
-export declare const AutofillLoadingState: () => import("react/jsx-runtime").JSX.Element;
+export type AutofillLoadingStateProps = {
+    isLongLoading: boolean;
+};
+export declare const AutofillLoadingState: ({ isLongLoading }: AutofillLoadingStateProps) => import("react/jsx-runtime").JSX.Element;

package/types/lib/components/metadata-instance-editor/subcomponents/autofill-loading-state/messages.d.ts

@@ -9,5 +9,15 @@ declare const messages: {
         description: string;
         id: string;
     };
+    longLoadingTitle: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    longLoadingDescription: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
 };
 export default messages;

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

@@ -4,7 +4,7 @@ import { FormValues } from '../../types';
 export type MetadataInstanceFormProps = {
     areAiSuggestionsAvailable: boolean;
     isAiSuggestionsFeatureEnabled: boolean;
-    iaBetaLanguageEnabled: boolean;
+    isBetaLanguageEnabled: boolean;
     isDeleteButtonDisabled: boolean;
     isUnsavedChangesModalOpen: boolean;
     selectedTemplateInstance: MetadataTemplateInstance | null;
@@ -23,7 +23,7 @@ export type MetadataInstanceFormWrapperProps<T> = {
     children: React.ReactNode;
     formValues: FormValues;
     isAiSuggestionsFeatureEnabled: boolean;
-    iaBetaLanguageEnabled: boolean;
+    isBetaLanguageEnabled: boolean;
     isDeleteButtonDisabled: boolean;
     isFetchingSuggestions: boolean;
     isFormDirty: boolean;

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

@@ -1,2 +1,2 @@
 import { MetadataInstanceFormAutofillButtonProps } from './types';
-export declare const MetadataInstanceFormAutofillButton: ({ areAiSuggestionsAvailable, iaBetaLanguageEnabled, isLoading, variant, onAutofill, }: MetadataInstanceFormAutofillButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataInstanceFormAutofillButton: ({ areAiSuggestionsAvailable, isBetaLanguageEnabled, isLoading, variant, onAutofill, }: MetadataInstanceFormAutofillButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { MetadataTemplateField, MetadataTemplateInstance } from '../../../../types';
 export type MetadataInstanceFormAutofillButtonProps = {
     areAiSuggestionsAvailable: boolean;
-    iaBetaLanguageEnabled: boolean;
+    isBetaLanguageEnabled: boolean;
     isLoading: boolean;
     onAutofill?: (templateKey: MetadataTemplateInstance['templateKey'], scope: MetadataTemplateInstance['scope']) => Promise<MetadataTemplateField[]>;
     variant?: 'secondary-button' | 'icon-button';

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

@@ -1,2 +1,2 @@
 import { MetadataInstanceFormHeaderProps } from './types';
-export declare const MetadataInstanceFormHeader: ({ areAiSuggestionsAvailable, hasSuggestions, isAiSuggestionsFeatureEnabled, iaBetaLanguageEnabled, isLoading, templateName, onAutofill, }: MetadataInstanceFormHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataInstanceFormHeader: ({ areAiSuggestionsAvailable, hasSuggestions, isAiSuggestionsFeatureEnabled, isBetaLanguageEnabled, isLoading, templateName, onAutofill, }: MetadataInstanceFormHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,7 +3,7 @@ export type MetadataInstanceFormHeaderProps = {
     areAiSuggestionsAvailable: boolean;
     hasSuggestions: boolean;
     isAiSuggestionsFeatureEnabled: boolean;
-    iaBetaLanguageEnabled: boolean;
+    isBetaLanguageEnabled: boolean;
     isLoading: boolean;
     onAutofill?: (templateKey: MetadataTemplateInstance['templateKey'], scope: MetadataTemplateInstance['scope']) => Promise<MetadataTemplateField[]>;
     templateName?: string;

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

@@ -1,2 +1,2 @@
 import { MetadataInstanceListProps } from './types';
-export declare const MetadataInstanceList: ({ areAiSuggestionsAvailable, isAiSuggestionsFeatureEnabled, onEdit, templateInstances, taxonomyNodeFetcher, }: MetadataInstanceListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataInstanceList: ({ areAiSuggestionsAvailable, isAiSuggestionsFeatureEnabled, isBetaLanguageEnabled, onEdit, templateInstances, taxonomyNodeFetcher, }: MetadataInstanceListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { MetadataInstanceProps } from './types';
-export declare const MetadataInstance: ({ areAiSuggestionsAvailable, isAiSuggestionsFeatureEnabled, onEdit, templateInstance, taxonomyNodeFetcher, }: MetadataInstanceProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataInstance: ({ areAiSuggestionsAvailable, isAiSuggestionsFeatureEnabled, isBetaLanguageEnabled, onEdit, templateInstance, taxonomyNodeFetcher, }: MetadataInstanceProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,6 +3,7 @@ import { TaxonomyNodeFetcher } from '../metadata-instance-entry/types';
 export type MetadataInstanceProps = {
     areAiSuggestionsAvailable: boolean;
     isAiSuggestionsFeatureEnabled: boolean;
+    isBetaLanguageEnabled: boolean;
     onEdit: (templateInstance: MetadataTemplateInstance) => void;
     templateInstance: MetadataTemplateInstance;
     taxonomyNodeFetcher: TaxonomyNodeFetcher;

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

@@ -1,2 +1,2 @@
 import { MetadataInstanceHeaderProps } from './types';
-export declare const MetadataInstanceHeader: ({ areAiSuggestionsAvailable, canEdit, isAiSuggestionsFeatureEnabled, iaBetaLanguageEnabled, onEdit, onAutofill, templateName, }: MetadataInstanceHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataInstanceHeader: ({ areAiSuggestionsAvailable, canEdit, isAiSuggestionsFeatureEnabled, isBetaLanguageEnabled, onEdit, onAutofill, templateName, }: MetadataInstanceHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ export type MetadataInstanceHeaderProps = {
     areAiSuggestionsAvailable: boolean;
     canEdit: boolean;
     isAiSuggestionsFeatureEnabled: boolean;
-    iaBetaLanguageEnabled: boolean;
+    isBetaLanguageEnabled: boolean;
     onEdit: () => void;
     onAutofill: () => void;
     templateName?: string;

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

@@ -3,6 +3,7 @@ import { TaxonomyNodeFetcher } from './subcomponents/metadata-instance-entry/typ
 export type MetadataInstanceListProps = {
     areAiSuggestionsAvailable: boolean;
     isAiSuggestionsFeatureEnabled: boolean;
+    isBetaLanguageEnabled: boolean;
     onEdit: (templateInstacne: MetadataTemplateInstance) => void;
     templateInstances: MetadataTemplateInstance[];
     taxonomyNodeFetcher: TaxonomyNodeFetcher;

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

@@ -3,8 +3,9 @@ import { AutofillSuggestions, MetadataTemplateField, MetadataTemplateInstance }
 export interface AutofillContextType {
     clearSuggestions: () => void;
     getAiSuggestions: (templateKey: MetadataTemplateInstance['templateKey'], scope: MetadataTemplateInstance['scope']) => Promise<MetadataTemplateField[]>;
-    isFetchingSuggestions: boolean;
     isAiSuggestionsFeatureEnabled: boolean;
+    isFetchingSuggestions: boolean;
+    isLongLoading: boolean;
     suggestions: AutofillSuggestions;
 }
 export interface AutofillContextProviderProps {