@box/metadata-editor 2.2.32 → 2.3.0

package/dist/chunks/filter-instances-dropdown.js

@@ -1,13 +1,13 @@
 import { getTemplateDisplayName as e, getVisibleTemplates as t } from "../esm/lib/utils/utils.js";
 import n from "../esm/lib/components/filter-instances-dropdown/messages.js";
-import { Divider as r, ScrollableContainer as i, Text as a, TriggerButton as o } from "@box/blueprint-web";
-import { Checkmark as s } from "@box/blueprint-web-assets/icons/Fill";
-import { Space1 as c } from "@box/blueprint-web-assets/tokens/px-tokens";
-import { useEffect as l } from "react";
-import { useIntl as u } from "react-intl";
-import { Select as d, SelectItem as f, SelectItemCheck as p, SelectPopover as m, SelectProvider as h } from "@ariakit/react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import v from "clsx";
+import { useEffect as r } from "react";
+import { useIntl as i } from "react-intl";
+import { Select as a, SelectItem as o, SelectItemCheck as s, SelectPopover as c, SelectProvider as l } from "@ariakit/react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import f from "clsx";
+import { Divider as p, ScrollableContainer as m, Text as h, TriggerButton as g } from "@box/blueprint-web";
+import { Checkmark as _ } from "@box/blueprint-web-assets/icons/Fill";
+import { Space1 as v } from "@box/blueprint-web-assets/tokens/px-tokens";
 import '../styles/filter-instances-dropdown.css';var y = {
 	details: "_details_h8q4r_27",
 	triggerContainer: "_triggerContainer_h8q4r_31",
@@ -19,27 +19,27 @@ import '../styles/filter-instances-dropdown.css';var y = {
 	indicator: "_indicator_h8q4r_93",
 	indicatorIcon: "_indicatorIcon_h8q4r_102",
 	testContainer: "_testContainer_h8q4r_106"
-}, b = parseInt(c, 10);
-function x({ appliedTemplates: c, selectedTemplates: x, setSelectedTemplates: S }) {
-	let C = u(), w = C.formatMessage(n.customMetadataName), T = t(c), E = x.length, D = T.length, O = E === 0 ? C.formatMessage(n.allTemplatesTriggerButtonText) : C.formatMessage(n.selectedTemplatesTriggerButtonText, {
+}, b = parseInt(v, 10);
+function x({ appliedTemplates: v, selectedTemplates: x, setSelectedTemplates: S }) {
+	let C = i(), w = C.formatMessage(n.customMetadataName), T = t(v), E = x.length, D = T.length, O = E === 0 ? C.formatMessage(n.allTemplatesTriggerButtonText) : C.formatMessage(n.selectedTemplatesTriggerButtonText, {
 		selectedTemplatesNumber: E,
 		visibleTemplatesNumber: D
 	});
-	return l(() => {
+	return r(() => {
 		E === D && S([]);
-	}, [E, D]), /* @__PURE__ */ _(h, {
+	}, [E, D]), /* @__PURE__ */ d(l, {
 		setValue: S,
 		value: x,
-		children: [/* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ d("div", {
 			className: y.triggerContainer,
-			children: [/* @__PURE__ */ g(d, { render: /* @__PURE__ */ g(o, {
+			children: [/* @__PURE__ */ u(a, { render: /* @__PURE__ */ u(g, {
 				caretDirection: "down",
 				className: y.triggerButton,
 				label: O,
 				size: "small",
 				variant: "tertiary",
 				"data-target-id": "TriggerButton-allTemplatesTriggerButtonText|selectedTemplatesTriggerButtonText"
-			}) }), T.length > 0 && /* @__PURE__ */ g(a, {
+			}) }), T.length > 0 && /* @__PURE__ */ u(h, {
 				as: "p",
 				className: y.details,
 				color: "textOnLightSecondary",
@@ -47,33 +47,33 @@ function x({ appliedTemplates: c, selectedTemplates: x, setSelectedTemplates: S
 				variant: "caption",
 				children: T.filter((e) => x.some((t) => t === e.id)).map((t) => e(t, w)).join(", ")
 			})]
-		}), /* @__PURE__ */ g(m, {
+		}), /* @__PURE__ */ u(c, {
 			className: y.popover,
 			gutter: b,
-			children: /* @__PURE__ */ _(i, {
+			children: /* @__PURE__ */ d(m, {
 				className: y.scrollableContainer,
 				children: [
-					/* @__PURE__ */ _(f, {
+					/* @__PURE__ */ d(o, {
 						autoFocus: E === 0,
 						className: y.item,
 						hideOnClick: !0,
 						onClick: () => {
 							S([]);
 						},
-						children: [E === 0 && /* @__PURE__ */ g(s, { className: v(y.indicator, y.indicatorIcon) }), C.formatMessage(n.allTemplatesTriggerButtonText)]
+						children: [E === 0 && /* @__PURE__ */ u(_, { className: f(y.indicator, y.indicatorIcon) }), C.formatMessage(n.allTemplatesTriggerButtonText)]
 					}),
-					/* @__PURE__ */ g(r, { className: y.divider }),
-					T.map((t) => /* @__PURE__ */ _(f, {
+					/* @__PURE__ */ u(p, { className: y.divider }),
+					T.map((t) => /* @__PURE__ */ d(o, {
 						className: y.item,
 						hideOnClick: !0,
 						value: t.id,
-						children: [/* @__PURE__ */ g(p, {
+						children: [/* @__PURE__ */ u(s, {
 							className: y.indicator,
 							style: {
 								width: "none",
 								height: "none"
 							},
-							children: /* @__PURE__ */ g(s, { className: y.indicatorIcon })
+							children: /* @__PURE__ */ u(_, { className: y.indicatorIcon })
 						}), e(t, w)]
 					}, t.id))
 				]

package/dist/chunks/interactive-header-text.js

@@ -1,17 +1,17 @@
-import { Text as e, Tooltip as t, useIsEllipsized as n } from "@box/blueprint-web";
-import { useRef as r } from "react";
-import { Focusable as i } from "@ariakit/react";
-import { jsx as a } from "react/jsx-runtime";
-import o from "clsx";
+import { useRef as e } from "react";
+import { Focusable as t } from "@ariakit/react";
+import { jsx as n } from "react/jsx-runtime";
+import r from "clsx";
+import { Text as i, Tooltip as a, useIsEllipsized as o } from "@box/blueprint-web";
 import '../styles/interactive-header-text.css';var s = { header: "_header_qqeyd_1" }, c = ({ className: c, title: l }) => {
-	let u = r(null), d = n(u), f = /* @__PURE__ */ a(i, { render: /* @__PURE__ */ a(e, {
+	let u = e(null), d = o(u), f = /* @__PURE__ */ n(t, { render: /* @__PURE__ */ n(i, {
 		ref: u,
 		as: "h4",
-		className: o(s.header, c),
+		className: r(s.header, c),
 		variant: "titleMedium",
 		children: l
 	}) });
-	return d ? /* @__PURE__ */ a(t, {
+	return d ? /* @__PURE__ */ n(a, {
 		content: l,
 		children: f
 	}) : f;

package/dist/chunks/metadata-instance-entry.js

@@ -8,13 +8,13 @@ import { t as o } from "./shared-field-styles.module.js";
 import { convertISOStringToUTCDate as s } from "../esm/lib/utils/convertDate.js";
 import { t as c } from "./interactive-text.module.js";
 import l from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/messages.js";
-import { MetadataEntryDisplay as ee } from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/metadata-entry-display.js";
-import { Status as u, Text as d, Tooltip as f, useIsEllipsized as p } from "@box/blueprint-web";
-import { useRef as m } from "react";
-import { FormattedDate as h, useIntl as g } from "react-intl";
-import { Focusable as _ } from "@ariakit/react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import b from "clsx";
+import { MetadataEntryDisplay as u } from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/metadata-entry-display.js";
+import { useRef as d } from "react";
+import { FormattedDate as f, useIntl as ee } from "react-intl";
+import { Focusable as p } from "@ariakit/react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import g from "clsx";
+import { Status as _, Text as v, Tooltip as y, useIsEllipsized as b } from "@box/blueprint-web";
 import { AlertCircle as x } from "@box/blueprint-web-assets/icons/Medium";
 import '../styles/metadata-instance-entry.css';var S = {
 	metadataInstanceEntry: "_metadataInstanceEntry_1ygbk_1",
@@ -24,13 +24,13 @@ import '../styles/metadata-instance-entry.css';var S = {
 	nameLabel: "_nameLabel_1ygbk_28",
 	confidenceScoreIcon: "_confidenceScoreIcon_1ygbk_43"
 }, C = ({ description: C, isSelected: w, name: T, onClick: E, shouldHideEmptyValues: D, type: O, value: k, taxonomyNodeFetcher: A, taxonomyKey: j, scope: M, isExternallyOwned: N, confidenceScore: P, isConfidenceScoreReviewEnabled: F = !1, isBoundingBoxEnabled: I = !1, targetLocation: L }) => {
-	let R = g(), { trackEvent: z } = n(), B = m(null), V = p(B), H = (e) => {
+	let R = ee(), { trackEvent: z } = n(), B = d(null), V = b(B), H = (e) => {
 		B.current = e instanceof HTMLElement ? e : null;
 	}, U = I || F, W = F && !!P && a(P), G = r(L), K = U && G && !!E, q = W ? i(R.formatMessage, P) : null, J = () => z(t.LOW_CONF_ICON_HOVER_READ_MODE, {
 		fieldType: O,
 		confidenceLevel: P?.level,
 		scope: M
-	}), Y = typeof k == "number" ? k.toString() : k ? Array.isArray(k) ? k.join(", ") : O === "date" && typeof k == "string" ? /* @__PURE__ */ v(h, {
+	}), Y = typeof k == "number" ? k.toString() : k ? Array.isArray(k) ? k.join(", ") : O === "date" && typeof k == "string" ? /* @__PURE__ */ m(f, {
 		day: "numeric",
 		month: "long",
 		value: s(k),
@@ -48,28 +48,28 @@ import '../styles/metadata-instance-entry.css';var S = {
 	};
 	if (D && !Y) return null;
 	let Z = (() => {
-		if (C) return V ? /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("div", { children: T }), /* @__PURE__ */ v("div", { children: C })] }) : C;
+		if (C) return V ? /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("div", { children: T }), /* @__PURE__ */ m("div", { children: C })] }) : C;
 		if (V) return T;
-	})(), Q = /* @__PURE__ */ v("h5", {
+	})(), Q = /* @__PURE__ */ m("h5", {
 		className: S.name,
-		children: /* @__PURE__ */ v(d, {
+		children: /* @__PURE__ */ m(v, {
 			ref: H,
 			as: "span",
-			className: b(S.nameText, C && c.interactiveTextHint),
+			className: g(S.nameText, C && c.interactiveTextHint),
 			color: "textOnLightSecondary",
 			variant: "bodyDefaultBold",
 			children: T
 		})
-	}), $ = /* @__PURE__ */ y("div", {
-		className: b(S.metadataInstanceEntry, U && o.spacious, K && o.clickableField, K && w && o.selectedField),
+	}), $ = /* @__PURE__ */ h("div", {
+		className: g(S.metadataInstanceEntry, U && o.spacious, K && o.clickableField, K && w && o.selectedField),
 		...K && X,
-		children: [/* @__PURE__ */ y("div", {
+		children: [/* @__PURE__ */ h("div", {
 			className: S.labelContainer,
-			children: [q && /* @__PURE__ */ v(f, {
+			children: [q && /* @__PURE__ */ m(y, {
 				content: q,
-				children: /* @__PURE__ */ v("span", {
+				children: /* @__PURE__ */ m("span", {
 					className: S.confidenceScoreIcon,
-					children: /* @__PURE__ */ v(u, {
+					children: /* @__PURE__ */ m(_, {
 						"data-target-id": "Status-metadataInstanceEntryConfidenceScoreIcon",
 						color: "SurfaceStatusSurfaceGray",
 						hideText: !0,
@@ -79,14 +79,14 @@ import '../styles/metadata-instance-entry.css';var S = {
 						onMouseEnter: J
 					})
 				})
-			}), /* @__PURE__ */ v("div", {
+			}), /* @__PURE__ */ m("div", {
 				className: S.nameLabel,
-				children: Z ? /* @__PURE__ */ v(f, {
+				children: Z ? /* @__PURE__ */ m(y, {
 					content: Z,
-					children: /* @__PURE__ */ v(_, { render: Q })
+					children: /* @__PURE__ */ m(p, { render: Q })
 				}) : Q
 			})]
-		}), /* @__PURE__ */ v(ee, {
+		}), /* @__PURE__ */ m(u, {
 			formattedValue: Y,
 			isExternallyOwned: N,
 			scope: M,
@@ -96,7 +96,7 @@ import '../styles/metadata-instance-entry.css';var S = {
 			value: k
 		})]
 	});
-	return K ? /* @__PURE__ */ v(f, {
+	return K ? /* @__PURE__ */ m(y, {
 		content: R.formatMessage(e.viewOnDocument),
 		children: $
 	}) : $;

package/dist/chunks/metadata-instance-footer.js

@@ -1,20 +1,20 @@
 import e from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-footer/messages.js";
-import { TextButton as t } from "@box/blueprint-web";
-import { useIntl as n } from "react-intl";
-import { jsx as r } from "react/jsx-runtime";
+import { useIntl as t } from "react-intl";
+import { jsx as n } from "react/jsx-runtime";
+import { TextButton as r } from "@box/blueprint-web";
 import '../styles/metadata-instance-footer.css';var i = {
 	metadataInstanceFooter: "_metadataInstanceFooter_r5r5c_1",
 	button: "_button_r5r5c_5"
 }, a = ({ isAnyEmptyValueHidden: a, onHideEmptyValues: o, onShowEmptyValues: s }) => {
-	let c = n();
-	return /* @__PURE__ */ r("div", {
+	let c = t();
+	return /* @__PURE__ */ n("div", {
 		className: i.metadataInstanceFooter,
-		children: a ? /* @__PURE__ */ r(t, {
+		children: a ? /* @__PURE__ */ n(r, {
 			className: i.button,
 			onClick: s,
 			"data-target-id": "TextButton-showEmptyValuesCTA",
 			children: c.formatMessage(e.showEmptyValuesCTA)
-		}) : /* @__PURE__ */ r(t, {
+		}) : /* @__PURE__ */ n(r, {
 			className: i.button,
 			onClick: o,
 			"data-target-id": "TextButton-hideEmptyValuesCTA",

package/dist/chunks/metadata-instance-form-ai-disclaimer.js

@@ -1,23 +1,23 @@
 import e from "../esm/lib/messages.js";
-import { Text as t } from "@box/blueprint-web";
-import { useMemo as n } from "react";
-import { useIntl as r } from "react-intl";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useMemo as t } from "react";
+import { useIntl as n } from "react-intl";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Text as a } from "@box/blueprint-web";
 import { bpTextTextOnLightSecondary as o } from "@box/blueprint-web-assets/tokens/tokens";
 import { InfoBadge as s } from "@box/blueprint-web-assets/icons/Line";
 import '../styles/metadata-instance-form-ai-disclaimer.css';var c = {
 	aiDisclaimer: "_aiDisclaimer_6i2mf_1",
 	infoBadgeIcon: "_infoBadgeIcon_6i2mf_7"
 }, l = (e) => e.some((e) => !!e.confidenceScore || !!e.isExtracted), u = ({ fields: u, isLoading: d, isBoundingBoxOrConfidenceScoreReviewEnabled: f }) => {
-	let p = r(), m = n(() => l(u), [u]);
-	return !f || !m || d ? null : /* @__PURE__ */ a("div", {
+	let p = n(), m = t(() => l(u), [u]);
+	return !f || !m || d ? null : /* @__PURE__ */ i("div", {
 		className: c.aiDisclaimer,
-		children: [/* @__PURE__ */ i(s, {
+		children: [/* @__PURE__ */ r(s, {
 			className: c.infoBadgeIcon,
 			width: 12,
 			height: 12,
 			color: o
-		}), /* @__PURE__ */ i(t, {
+		}), /* @__PURE__ */ r(a, {
 			as: "p",
 			color: "textOnLightSecondary",
 			variant: "bodySmall",

package/dist/chunks/metadata-instance-form-autofill-button.js

@@ -3,56 +3,56 @@ import { autofillMessages as n } from "../esm/lib/messages.js";
 import { getTooltipContent as r } from "../esm/lib/utils/utils.js";
 import { useAutofill as i } from "../esm/lib/utils/autofill-context.js";
 import a from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-autofill-button/messages.js";
-import { Button as o, DropdownMenu as s, IconButton as c, LoadingIndicator as l, SplitButton as u, Text as d, Tooltip as f } from "@box/blueprint-web";
-import { forwardRef as p, useEffect as m, useMemo as h, useState as g } from "react";
-import { useIntl as _ } from "react-intl";
-import { BoxAiAdvancedLogo24 as v, BoxAiLogo24 as y } from "@box/blueprint-web-assets/icons/Logo";
-import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { forwardRef as o, useEffect as s, useMemo as c, useState as l } from "react";
+import { useIntl as u } from "react-intl";
+import { BoxAiAdvancedLogo24 as d, BoxAiLogo24 as f } from "@box/blueprint-web-assets/icons/Logo";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Button as h, DropdownMenu as g, IconButton as _, LoadingIndicator as v, SplitButton as y, Text as b, Tooltip as x } from "@box/blueprint-web";
 import { getIn as S, useFormikContext as C } from "formik";
 import { useLocalStorageAIAgents as w } from "@box/box-ai-agent-selector";
 import '../styles/metadata-instance-form-autofill-button.css';var T = {
 	loadingIndicator: "_loadingIndicator_zhzu0_1",
 	actionMenuItem: "_actionMenuItem_zhzu0_11",
 	splitButtonIcon: "_splitButtonIcon_zhzu0_17"
-}, E = /*#__PURE__*/ p(({ isButtonDisabled: t, onAutofill: n, onAgentChange: r, storedAgent: i, icon: o, ...c }, l) => {
-	let f = _(), [p, m] = g(i || "standard"), h = (e) => {
-		m(e), r(e), setTimeout(() => {
+}, E = /*#__PURE__*/ o(({ isButtonDisabled: t, onAutofill: n, onAgentChange: r, storedAgent: i, icon: o, ...s }, c) => {
+	let d = u(), [f, h] = l(i || "standard"), _ = (e) => {
+		h(e), r(e), setTimeout(() => {
 			n(e);
 		}, 0);
 	};
-	return /* @__PURE__ */ b(u, {
-		...c,
-		ref: l,
+	return /* @__PURE__ */ p(y, {
+		...s,
+		ref: c,
 		disabled: t,
 		dropdownTriggerAriaLabel: "See agent options.",
 		endIcon: o,
-		label: f.formatMessage(a.autofillButton),
+		label: d.formatMessage(a.autofillButton),
 		onClick: () => n(),
 		variant: "secondary",
-		children: /* @__PURE__ */ b(s.RadioGroup, {
-			onValueChange: (e) => h(e),
-			value: p,
+		children: /* @__PURE__ */ p(g.RadioGroup, {
+			onValueChange: (e) => _(e),
+			value: f,
 			children: Object.entries(e).map(([e, t]) => {
 				let n = t.ICON;
-				return /* @__PURE__ */ b(s.RadioSelectItem, {
+				return /* @__PURE__ */ p(g.RadioSelectItem, {
 					value: t.AGENT_TYPE,
-					children: /* @__PURE__ */ x("div", {
+					children: /* @__PURE__ */ m("div", {
 						className: T.actionMenuItem,
-						children: [/* @__PURE__ */ b(n, {
+						children: [/* @__PURE__ */ p(n, {
 							"aria-hidden": !0,
 							className: T.splitButtonIcon
-						}), /* @__PURE__ */ b(d, {
+						}), /* @__PURE__ */ p(b, {
 							as: "span",
-							children: f.formatMessage(a[t.DISPLAY_MSG])
+							children: d.formatMessage(a[t.DISPLAY_MSG])
 						})]
 					})
 				}, e);
 			})
 		})
 	});
-}), D = ({ areAiSuggestionsAvailable: s, isBetaLanguageEnabled: u, isLoading: d, variant: p = "secondary-button", isAdvancedExtractAgentEnabled: g = !1, onAutofill: x }) => {
-	let { isSubmitting: D, values: O, setFieldValue: k } = C(), A = _(), [j, M] = w(t), { suggestions: N, confidenceScores: P, targetLocations: F } = i();
-	m(() => {
+}), D = ({ areAiSuggestionsAvailable: o, isBetaLanguageEnabled: l, isLoading: m, variant: g = "secondary-button", isAdvancedExtractAgentEnabled: y = !1, onAutofill: b }) => {
+	let { isSubmitting: D, values: O, setFieldValue: k } = C(), A = u(), [j, M] = w(t), { suggestions: N, confidenceScores: P, targetLocations: F } = i();
+	s(() => {
 		if (N) {
 			let e = S(O, "metadata.fields"), t = S(O, "metadata.templateKey");
 			k("metadata.fields", e?.map((e) => {
@@ -73,21 +73,21 @@ import '../styles/metadata-instance-form-autofill-button.css';var T = {
 	]);
 	let I = (t) => {
 		let n = S(O, "metadata.templateKey"), r = S(O, "metadata.scope"), i = t ? e[t]?.AGENT_ID : e[j]?.AGENT_ID;
-		x(n, r, g ? i : void 0);
-	}, L = !s || D || d, R = j === "enhanced" && g ? v : y, z = h(() => r(g, j, A), [
-		g,
+		b(n, r, y ? i : void 0);
+	}, L = !o || D || m, R = j === "enhanced" && y ? d : f, z = c(() => r(y, j, A), [
+		y,
 		j,
 		A
 	]);
-	return p === "secondary-button" ? /* @__PURE__ */ b(f, {
+	return g === "secondary-button" ? /* @__PURE__ */ p(x, {
 		content: z,
-		children: g ? /* @__PURE__ */ b(E, {
+		children: y ? /* @__PURE__ */ p(E, {
 			icon: R,
 			isButtonDisabled: L,
 			onAgentChange: M,
 			onAutofill: I,
 			storedAgent: j
-		}) : /* @__PURE__ */ b(o, {
+		}) : /* @__PURE__ */ p(h, {
 			disabled: L,
 			endIcon: R,
 			onClick: () => I(),
@@ -95,12 +95,12 @@ import '../styles/metadata-instance-form-autofill-button.css';var T = {
 			"data-target-id": "Button-autofillButton",
 			children: A.formatMessage(a.autofillButton)
 		})
-	}) : /* @__PURE__ */ b(f, {
+	}) : /* @__PURE__ */ p(x, {
 		content: z,
-		children: d ? /* @__PURE__ */ b(l, {
+		children: m ? /* @__PURE__ */ p(v, {
 			"aria-label": A.formatMessage(a.loadingButtonAriaLabel),
 			className: T.loadingIndicator
-		}) : /* @__PURE__ */ b(c, {
+		}) : /* @__PURE__ */ p(_, {
 			"aria-label": A.formatMessage(n.autofillButtonAriaLabel),
 			disabled: L,
 			icon: R,

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

@@ -2,9 +2,9 @@ import { TEMPLATE_CUSTOM_PROPERTIES as e } from "../esm/lib/constants.js";
 import { t } from "./metadata-instance-form-ai-disclaimer.js";
 import { t as n } from "./metadata-instance-form-footer.js";
 import { t as r } from "./metadata-instance-form-header.js";
-import { Card as i, useBlueprintModernization as a } from "@box/blueprint-web";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import c from "clsx";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "clsx";
+import { Card as s, useBlueprintModernization as c } from "@box/blueprint-web";
 import '../styles/metadata-instance-form-card-wrapper.css';var l = {
 	metadataInstanceForm: "_metadataInstanceForm_ztv76_1",
 	wrapperGradient: "_wrapperGradient_ztv76_7",
@@ -13,15 +13,15 @@ import '../styles/metadata-instance-form-card-wrapper.css';var l = {
 	metadataInstanceFormContentReducedGap: "_metadataInstanceFormContentReducedGap_ztv76_30",
 	showOverlay: "_showOverlay_ztv76_34"
 }, u = (u) => {
-	let { areAiSuggestionsAvailable: d, children: f, className: p, formRef: m, formValues: h, isAdvancedExtractAgentEnabled: g = !1, isAiSuggestionsFeatureEnabled: _, isBetaLanguageEnabled: v, isConfidenceScoreReviewEnabled: y = !1, isBoundingBoxEnabled: b = !1, isLargeFile: x = !1, isDeleteButtonDisabled: S, onToggleReviewFilter: C, shouldShowOnlyReviewFields: w = !1, suggestions: T, isFetchingSuggestions: E, isFormDirty: D = !1, selectedTemplateInstance: O, getAiSuggestions: k, handleCancel: A, handleDelete: j } = u, { enableModernizedComponents: M } = a(), N = O?.templateKey === e, P = !!T[O?.templateKey], F = y || b;
-	return /* @__PURE__ */ o("div", {
+	let { areAiSuggestionsAvailable: d, children: f, className: p, formRef: m, formValues: h, isAdvancedExtractAgentEnabled: g = !1, isAiSuggestionsFeatureEnabled: _, isBetaLanguageEnabled: v, isConfidenceScoreReviewEnabled: y = !1, isBoundingBoxEnabled: b = !1, isLargeFile: x = !1, isDeleteButtonDisabled: S, onToggleReviewFilter: C, shouldShowOnlyReviewFields: w = !1, suggestions: T, isFetchingSuggestions: E, isFormDirty: D = !1, selectedTemplateInstance: O, getAiSuggestions: k, handleCancel: A, handleDelete: j } = u, { enableModernizedComponents: M } = c(), N = O?.templateKey === e, P = !!T[O?.templateKey], F = y || b;
+	return /* @__PURE__ */ i("div", {
 		className: E && l.wrapperGradient,
 		"data-modern": M,
-		children: /* @__PURE__ */ s(i, {
+		children: /* @__PURE__ */ a(s, {
 			ref: m,
-			className: c(p, { [l.suggestionsFetching]: E }),
+			className: o(p, { [l.suggestionsFetching]: E }),
 			children: [
-				/* @__PURE__ */ o(r, {
+				/* @__PURE__ */ i(r, {
 					areAiSuggestionsAvailable: d,
 					hasSuggestions: P,
 					isAdvancedExtractAgentEnabled: g,
@@ -36,12 +36,12 @@ import '../styles/metadata-instance-form-card-wrapper.css';var l = {
 					templateName: O?.displayName
 				}),
 				O && f,
-				/* @__PURE__ */ o(t, {
+				/* @__PURE__ */ i(t, {
 					isLoading: E,
 					isBoundingBoxOrConfidenceScoreReviewEnabled: F,
 					fields: h.metadata?.fields ?? []
 				}),
-				/* @__PURE__ */ o(n, {
+				/* @__PURE__ */ i(n, {
 					isDeleteButtonDisabled: S,
 					isLoading: E,
 					onCancel: () => A(D),

package/dist/chunks/metadata-instance-form-footer.js

@@ -1,33 +1,33 @@
 import e from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-footer/messages.js";
-import { Button as t, TextButton as n } from "@box/blueprint-web";
-import { useIntl as r } from "react-intl";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useIntl as t } from "react-intl";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Button as i, TextButton as a } from "@box/blueprint-web";
 import { useFormikContext as o } from "formik";
 import '../styles/metadata-instance-form-footer.css';var s = {
 	metadataInstanceFormFooter: "_metadataInstanceFormFooter_sqpiw_1",
 	buttonsContainer: "_buttonsContainer_sqpiw_7",
 	buttons: "_buttons_sqpiw_7"
 }, c = ({ isDeleteButtonDisabled: c, isLoading: l, onCancel: u, onDelete: d }) => {
-	let f = r(), { isSubmitting: p, submitForm: m } = o(), h = l || p;
-	return /* @__PURE__ */ i("div", {
+	let f = t(), { isSubmitting: p, submitForm: m } = o(), h = l || p;
+	return /* @__PURE__ */ n("div", {
 		className: s.metadataInstanceFormFooter,
-		children: /* @__PURE__ */ a("div", {
+		children: /* @__PURE__ */ r("div", {
 			className: s.buttonsContainer,
-			children: [/* @__PURE__ */ i(n, {
+			children: [/* @__PURE__ */ n(a, {
 				disabled: h || c,
 				onClick: d,
 				"data-target-id": "TextButton-deleteButton",
 				children: f.formatMessage(e.deleteButton)
-			}), /* @__PURE__ */ a("div", {
+			}), /* @__PURE__ */ r("div", {
 				className: s.buttons,
-				children: [/* @__PURE__ */ i(t, {
+				children: [/* @__PURE__ */ n(i, {
 					disabled: h,
 					onClick: u,
 					size: "large",
 					variant: "secondary",
 					"data-target-id": "Button-cancelButton",
 					children: f.formatMessage(e.cancelButton)
-				}), /* @__PURE__ */ i(t, {
+				}), /* @__PURE__ */ n(i, {
 					"data-target-id": "Button-metadataEditorSave",
 					disabled: h,
 					loading: p,

package/dist/chunks/metadata-instance-header.js

@@ -3,11 +3,11 @@ import { autofillMessages as n } from "../esm/lib/messages.js";
 import { getTooltipContent as r } from "../esm/lib/utils/utils.js";
 import { t as i } from "./interactive-header-text.js";
 import a from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/messages.js";
-import { IconButton as o, Tooltip as s } from "@box/blueprint-web";
-import { useMemo as c } from "react";
-import { useIntl as l } from "react-intl";
-import { BoxAiAdvancedLogo24 as u, BoxAiLogo24 as d } from "@box/blueprint-web-assets/icons/Logo";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useMemo as o } from "react";
+import { useIntl as s } from "react-intl";
+import { BoxAiAdvancedLogo24 as c, BoxAiLogo24 as l } from "@box/blueprint-web-assets/icons/Logo";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { IconButton as f, Tooltip as p } from "@box/blueprint-web";
 import { Pencil as m } from "@box/blueprint-web-assets/icons/Line";
 import { useLocalStorageAIAgents as h } from "@box/box-ai-agent-selector";
 import '../styles/metadata-instance-header.css';var g = {
@@ -15,31 +15,31 @@ import '../styles/metadata-instance-header.css';var g = {
 	iconButtonsContainer: "_iconButtonsContainer_17bsu_6",
 	title: "_title_17bsu_14"
 }, _ = ({ areAiSuggestionsAvailable: _, canEdit: v, isAiSuggestionsFeatureEnabled: y, isBetaLanguageEnabled: b, onEdit: x, onAutofill: S, templateName: C, isAdvancedExtractAgentEnabled: w = !1 }) => {
-	let T = l(), E = C || T.formatMessage(a.customInstanceTitle), D = y && C, [O] = h(t), k = w && e[O]?.AGENT_ID, A = c(() => r(w, O, T), [
+	let T = s(), E = C || T.formatMessage(a.customInstanceTitle), D = y && C, [O] = h(t), k = w && e[O]?.AGENT_ID, A = o(() => r(w, O, T), [
 		w,
 		O,
 		T
 	]);
-	return /* @__PURE__ */ p("div", {
+	return /* @__PURE__ */ d("div", {
 		className: g.metadataInstanceHeader,
-		children: [/* @__PURE__ */ f(i, {
+		children: [/* @__PURE__ */ u(i, {
 			className: g.title,
 			title: E
-		}), v && /* @__PURE__ */ p("div", {
+		}), v && /* @__PURE__ */ d("div", {
 			className: g.iconButtonsContainer,
-			children: [D && /* @__PURE__ */ f(s, {
+			children: [D && /* @__PURE__ */ u(p, {
 				content: A,
-				children: /* @__PURE__ */ f(o, {
+				children: /* @__PURE__ */ u(f, {
 					"aria-label": T.formatMessage(n.autofillButtonAriaLabelWithTemplateName, { templateName: C }),
 					disabled: !_,
-					icon: O === "enhanced" && w ? u : d,
+					icon: O === "enhanced" && w ? c : l,
 					onClick: () => S(k || void 0),
 					variant: "icon-logo",
 					"data-target-id": "IconButton-autofillButtonAriaLabelWithTemplateName"
 				})
-			}), /* @__PURE__ */ f(s, {
+			}), /* @__PURE__ */ u(p, {
 				content: T.formatMessage(a.editButtonTooltip),
-				children: /* @__PURE__ */ f(o, {
+				children: /* @__PURE__ */ u(f, {
 					"aria-label": T.formatMessage(a.editButtonAriaLabel, { templateName: C }),
 					icon: m,
 					onClick: x,