@box/metadata-editor 1.68.0 → 1.69.0

package/dist/chunks/ai-suggestion-field.js

@@ -1,83 +1,100 @@
-import { n as e } from "./types.js";
-import { t } from "./field-action-bar.module.js";
-import n from "../esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/messages.js";
-import { formatSuggestionValue as r } from "../esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/utils.js";
-import { DropdownMenu as i, IconButton as a, Text as o, useBlueprintModernization as s } from "@box/blueprint-web";
-import { Checkmark as c, Ellipsis as l } from "@box/blueprint-web-assets/icons/Fill";
-import { FormattedMessage as u, useIntl as d } from "react-intl";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import h from "clsx";
-import '../styles/ai-suggestion-field.css';var g = {
+import { EVENT_NAMES as e } from "../esm/lib/utils/analytics/events.js";
+import { useMetadataEditorAnalytics as t } from "../esm/lib/utils/analytics/analytics-context.js";
+import { n } from "./types.js";
+import { t as r } from "./field-action-bar.module.js";
+import i from "../esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/messages.js";
+import { formatSuggestionValue as a } from "../esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/utils.js";
+import { DropdownMenu as o, IconButton as s, Text as c, useBlueprintModernization as l } from "@box/blueprint-web";
+import { Checkmark as u, Ellipsis as d } from "@box/blueprint-web-assets/icons/Fill";
+import { useEffect as f, useRef as p } from "react";
+import { FormattedMessage as m, useIntl as h } from "react-intl";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import y from "clsx";
+import '../styles/ai-suggestion-field.css';var b = {
 	wrapper: "_wrapper_132y2_1",
 	selectTrigger: "_selectTrigger_132y2_1"
 };
-function _({ aiSuggestion: _, onAiSuggestionAppend: v, onAiSuggestionReplace: y, onAiSuggestionIgnore: b, type: x, isSameValue: S, confidenceLevel: C }) {
-	let w = d(), { enableModernizedComponents: T } = s(), E = C === e.High ? n.confidenceLevelHigh : n.confidenceLevelLow, D = C ? w.formatMessage(E) : void 0;
-	return /* @__PURE__ */ p("div", {
-		className: t.wrapperGradient,
-		"data-modern": T,
-		children: /* @__PURE__ */ p("div", {
-			className: h(t.wrapper, g.wrapper),
-			children: S ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(o, {
+function x({ aiSuggestion: x, onAiSuggestionAppend: S, onAiSuggestionReplace: C, onAiSuggestionIgnore: w, type: T, isSameValue: E, confidenceLevel: D }) {
+	let O = h(), { enableModernizedComponents: k } = l(), { trackEvent: A } = t(), j = p(!1);
+	f(() => {
+		j.current || x == null || !A || (j.current = !0, A(e.AI_SUGGESTION_SHOWN, {
+			fieldType: T,
+			confidenceLevel: D,
+			isSameValue: E
+		}));
+	}, [
+		x,
+		D,
+		E,
+		T,
+		A
+	]);
+	let M = D === n.High ? i.confidenceLevelHigh : i.confidenceLevelLow, N = D ? O.formatMessage(M) : void 0;
+	return /* @__PURE__ */ _("div", {
+		className: r.wrapperGradient,
+		"data-modern": k,
+		children: /* @__PURE__ */ _("div", {
+			className: y(r.wrapper, b.wrapper),
+			children: E ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(c, {
 				as: "p",
 				color: "textOnLightSecondary",
 				variant: "caption",
-				children: C ? w.formatMessage(n.sameValueAiSuggestionCaptionWithLevel, { level: D }) : w.formatMessage(n.sameValueAiSuggestionCaption)
-			}), /* @__PURE__ */ p("div", {
-				className: t.buttons,
-				children: /* @__PURE__ */ p(a, {
-					"aria-label": C ? w.formatMessage(n.aiSuggestionAccept) : w.formatMessage(n.aiSuggestionConfirm),
-					icon: c,
-					onClick: C ? y : b,
-					size: "x-small",
-					"data-target-id": "IconButton-aiSuggestionAccept|aiSuggestionConfirm"
+				children: D ? O.formatMessage(i.sameValueAiSuggestionCaptionWithLevel, { level: N }) : O.formatMessage(i.sameValueAiSuggestionCaption)
+			}), /* @__PURE__ */ _("div", {
+				className: r.buttons,
+				children: /* @__PURE__ */ _(s, {
+					"aria-label": D ? O.formatMessage(i.aiSuggestionAccept) : O.formatMessage(i.aiSuggestionConfirm),
+					"data-target-id": D ? "IconButton-aiSuggestionAccept" : "IconButton-aiSuggestionConfirmSame",
+					icon: u,
+					onClick: D ? C : w,
+					size: "x-small"
 				})
-			})] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p(o, {
+			})] }) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _(c, {
 				as: "p",
 				color: "textOnLightSecondary",
 				variant: "caption",
-				children: C ? w.formatMessage(n.aiSuggestionCaptionWithLevel, { level: D }) : w.formatMessage(n.aiSuggestionCaption)
-			}), /* @__PURE__ */ p(o, {
+				children: D ? O.formatMessage(i.aiSuggestionCaptionWithLevel, { level: N }) : O.formatMessage(i.aiSuggestionCaption)
+			}), /* @__PURE__ */ _(c, {
 				as: "p",
-				children: r(_, {
-					type: x,
-					locale: w.locale
+				children: a(x, {
+					type: T,
+					locale: O.locale
 				})
-			})] }), /* @__PURE__ */ m("div", {
-				className: t.buttons,
-				children: [/* @__PURE__ */ p(a, {
-					"aria-label": w.formatMessage(x === "multiSelect" ? n.aiSuggestionAppend : n.aiSuggestionClearAndReplace),
-					"data-target-id": x === "multiSelect" ? "IconButton-aiSuggestionAppend" : "IconButton-aiSuggestionClearAndReplace",
-					icon: c,
-					onClick: x === "multiSelect" ? v : y,
+			})] }), /* @__PURE__ */ v("div", {
+				className: r.buttons,
+				children: [/* @__PURE__ */ _(s, {
+					"aria-label": O.formatMessage(T === "multiSelect" ? i.aiSuggestionAppend : i.aiSuggestionClearAndReplace),
+					"data-target-id": T === "multiSelect" ? "IconButton-aiSuggestionAppend" : "IconButton-aiSuggestionClearAndReplace",
+					icon: u,
+					onClick: T === "multiSelect" ? S : C,
 					size: "x-small"
-				}), /* @__PURE__ */ m(i.Root, { children: [/* @__PURE__ */ p(i.Trigger, {
-					className: g.selectTrigger,
-					children: /* @__PURE__ */ p(a, {
-						"aria-label": w.formatMessage(n.aiSuggestionOptions),
-						icon: l,
-						"data-target-id": "IconButton-aiSuggestionOptions"
+				}), /* @__PURE__ */ v(o.Root, { children: [/* @__PURE__ */ _(o.Trigger, {
+					className: b.selectTrigger,
+					children: /* @__PURE__ */ _(s, {
+						"aria-label": O.formatMessage(i.aiSuggestionOptions),
+						"data-target-id": "IconButton-aiSuggestionOptions",
+						icon: d
 					})
-				}), /* @__PURE__ */ m(i.Content, { children: [
-					x === "multiSelect" && /* @__PURE__ */ p(i.Item, {
-						onSelect: v,
+				}), /* @__PURE__ */ v(o.Content, { children: [
+					T === "multiSelect" && /* @__PURE__ */ _(o.Item, {
 						"data-target-id": "DropdownMenu.Item-aiSuggestionAppend",
-						children: /* @__PURE__ */ p(u, { ...n.aiSuggestionAppend })
+						onSelect: S,
+						children: /* @__PURE__ */ _(m, { ...i.aiSuggestionAppend })
 					}),
-					/* @__PURE__ */ p(i.Item, {
-						onSelect: y,
-						"data-target-id": "DropdownMenu.Item-aiSuggestionClearAndReplace",
-						children: /* @__PURE__ */ p(u, { ...n.aiSuggestionClearAndReplace })
+					/* @__PURE__ */ _(o.Item, {
+						"data-target-id": "DropdownMenu.Item-metadataAiSuggestionClearAndReplace",
+						onSelect: C,
+						children: /* @__PURE__ */ _(m, { ...i.aiSuggestionClearAndReplace })
 					}),
-					/* @__PURE__ */ p(i.Separator, {}),
-					/* @__PURE__ */ p(i.Item, {
-						onSelect: b,
-						"data-target-id": "DropdownMenu.Item-aiSuggestionIgnore",
-						children: /* @__PURE__ */ p(u, { ...n.aiSuggestionIgnore })
+					/* @__PURE__ */ _(o.Separator, {}),
+					/* @__PURE__ */ _(o.Item, {
+						"data-target-id": "DropdownMenu.Item-metadataAiSuggestionIgnore",
+						onSelect: w,
+						children: /* @__PURE__ */ _(m, { ...i.aiSuggestionIgnore })
 					})
 				] })] })]
 			})] })
 		})
 	});
 }
-export { _ as t };
+export { x as t };

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

@@ -1,29 +1,41 @@
 import { t as e } from "./metadata-instance-entry.js";
-import { jsx as t } from "react/jsx-runtime";
-import n from "clsx";
-import '../styles/metadata-instance-content.css';var r = {
+import { useMemo as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import r from "clsx";
+import '../styles/metadata-instance-content.css';var i = {
 	metadataInstanceContent: "_metadataInstanceContent_1cb0f_1",
 	metadataInstanceContentReducedGap: "_metadataInstanceContentReducedGap_1cb0f_7"
-}, i = ({ onSelectMetadataField: i, selectedMetadataFieldId: a, shouldHideEmptyValues: o, templateInstance: s, taxonomyNodeFetcher: c, isConfidenceScoreReviewEnabled: l }) => {
-	let { fields: u = [] } = s;
-	return /* @__PURE__ */ t("div", {
-		className: n(r.metadataInstanceContent, l && r.metadataInstanceContentReducedGap),
-		children: u.filter((e) => !e.hidden).map((n) => /* @__PURE__ */ t(e, {
-			confidenceScore: n.confidenceScore,
-			description: n.description,
-			isConfidenceScoreReviewEnabled: l,
-			isExternallyOwned: s.isExternallyOwned,
-			isSelected: a === n.id,
-			name: n.displayName || n.key,
-			onClick: i ? () => i(n) : void 0,
-			scope: n.namespace,
-			shouldHideEmptyValues: o,
-			taxonomyKey: n.taxonomyKey,
-			taxonomyNodeFetcher: c,
-			type: n.type,
-			value: n.value,
-			targetLocation: n.targetLocation
-		}, n.id))
+}, a = ({ onSelectMetadataField: a, selectedMetadataFieldId: o, shouldHideEmptyValues: s, templateInstance: c, taxonomyNodeFetcher: l, isConfidenceScoreReviewEnabled: u }) => {
+	let { fields: d = [] } = c, f = t(() => d.filter((e) => !e.hidden).map((t) => {
+		let r = a ? () => a(t) : void 0;
+		return /* @__PURE__ */ n(e, {
+			confidenceScore: t.confidenceScore,
+			description: t.description,
+			isConfidenceScoreReviewEnabled: u,
+			isExternallyOwned: c.isExternallyOwned,
+			isSelected: o === t.id,
+			name: t.displayName || t.key,
+			onClick: r,
+			scope: t.namespace,
+			shouldHideEmptyValues: s,
+			taxonomyKey: t.taxonomyKey,
+			taxonomyNodeFetcher: l,
+			type: t.type,
+			value: t.value,
+			targetLocation: t.targetLocation
+		}, t.id);
+	}), [
+		d,
+		u,
+		a,
+		o,
+		s,
+		l,
+		c.isExternallyOwned
+	]);
+	return /* @__PURE__ */ n("div", {
+		className: r(i.metadataInstanceContent, u && i.metadataInstanceContentReducedGap),
+		children: f
 	});
 };
-export { i as t };
+export { a as t };

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

@@ -1,82 +1,91 @@
 import e from "../esm/lib/messages.js";
-import { isConfidenceScoreNeedingReview as t } from "../esm/lib/utils/confidence-score/is-confidence-score-needing-review.js";
-import { checkIfHasBoundingBoxes as n } from "../esm/lib/utils/check-if-has-bounding-boxes.js";
-import { getConfidenceScoreTooltip as r } from "../esm/lib/utils/confidence-score/get-confidence-score-tooltip.js";
-import { t as i } from "./shared-field-styles.module.js";
-import { convertISOStringToUTCDate as a } from "../esm/lib/utils/convertDate.js";
-import o from "../esm/lib/components/interactive-text/interactive-text.js";
-import s from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/messages.js";
-import { MetadataEntryDisplay as c } from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/metadata-entry-display.js";
-import { Status as l, Text as u, Tooltip as d } from "@box/blueprint-web";
-import { FormattedDate as f, useIntl as p } from "react-intl";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import g from "clsx";
-import { AlertCircle as _ } from "@box/blueprint-web-assets/icons/Medium";
-import '../styles/metadata-instance-entry.css';var v = {
+import { EVENT_NAMES as t } from "../esm/lib/utils/analytics/events.js";
+import { useMetadataEditorAnalytics as n } from "../esm/lib/utils/analytics/analytics-context.js";
+import { checkIfHasBoundingBoxes as r } from "../esm/lib/utils/check-if-has-bounding-boxes.js";
+import { getConfidenceScoreTooltip as i } from "../esm/lib/utils/confidence-score/get-confidence-score-tooltip.js";
+import { isConfidenceScoreNeedingReview as a } from "../esm/lib/utils/confidence-score/is-confidence-score-needing-review.js";
+import { t as o } from "./shared-field-styles.module.js";
+import { convertISOStringToUTCDate as s } from "../esm/lib/utils/convertDate.js";
+import c from "../esm/lib/components/interactive-text/interactive-text.js";
+import l from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/messages.js";
+import { MetadataEntryDisplay as u } from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/metadata-entry-display.js";
+import { Status as d, Text as f, Tooltip as p } from "@box/blueprint-web";
+import { FormattedDate as m, useIntl as h } from "react-intl";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import v from "clsx";
+import { AlertCircle as y } from "@box/blueprint-web-assets/icons/Medium";
+import '../styles/metadata-instance-entry.css';var b = {
 	metadataInstanceEntry: "_metadataInstanceEntry_fr9av_1",
 	name: "_name_fr9av_6",
 	labelContainer: "_labelContainer_fr9av_14",
 	confidenceScoreIcon: "_confidenceScoreIcon_fr9av_20"
-}, y = ({ description: y, isSelected: b, name: x, onClick: S, shouldHideEmptyValues: C, type: w, value: T, taxonomyNodeFetcher: E, taxonomyKey: D, scope: O, isExternallyOwned: k, confidenceScore: A, isConfidenceScoreReviewEnabled: j = !1, targetLocation: M }) => {
-	let N = p(), P = j && !!A && t(A), F = n(M), I = j && !!A && F && !!S, L = P ? r(N.formatMessage, A) : null, R = typeof T == "number" ? T.toString() : T ? Array.isArray(T) ? T.join(", ") : w === "date" && typeof T == "string" ? /* @__PURE__ */ m(f, {
+}, x = ({ description: x, isSelected: S, name: C, onClick: w, shouldHideEmptyValues: T, type: E, value: D, taxonomyNodeFetcher: O, taxonomyKey: k, scope: A, isExternallyOwned: j, confidenceScore: M, isConfidenceScoreReviewEnabled: N = !1, targetLocation: P }) => {
+	let F = h(), { trackEvent: I } = n(), L = N && !!M && a(M), R = r(P), z = N && !!M && R && !!w, B = L ? i(F.formatMessage, M) : null, V = () => I(t.LOW_CONF_ICON_HOVER_READ_MODE, {
+		fieldType: E,
+		confidenceLevel: M?.level,
+		scope: A
+	}), H = typeof D == "number" ? D.toString() : D ? Array.isArray(D) ? D.join(", ") : E === "date" && typeof D == "string" ? /* @__PURE__ */ g(m, {
 		day: "numeric",
 		month: "long",
-		value: a(T),
+		value: s(D),
 		year: "numeric"
-	}) : T : null, z = {
+	}) : D : null, U = {
 		"data-metadata-field": !0,
+		"data-target-id": "Button-metadataEditorFieldReadClick",
 		"data-testid": "metadata-field",
-		onClick: S,
+		onClick: w,
 		onKeyDown: (e) => {
-			e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), S?.());
+			e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), w?.());
 		},
 		role: "button",
 		tabIndex: 0
 	};
-	if (C && !R) return null;
-	let B = /* @__PURE__ */ h("div", {
-		className: g(v.metadataInstanceEntry, j && i.spacious, I && i.clickableField, I && b && i.selectedField),
-		...I && z,
-		children: [/* @__PURE__ */ h("div", {
-			className: v.labelContainer,
-			children: [L && /* @__PURE__ */ m(d, {
-				content: L,
-				children: /* @__PURE__ */ m("span", {
-					className: v.confidenceScoreIcon,
-					children: /* @__PURE__ */ m(l, {
+	if (T && !H) return null;
+	let W = /* @__PURE__ */ _("div", {
+		className: v(b.metadataInstanceEntry, N && o.spacious, z && o.clickableField, z && S && o.selectedField),
+		...z && U,
+		children: [/* @__PURE__ */ _("div", {
+			className: b.labelContainer,
+			children: [B && /* @__PURE__ */ g(p, {
+				content: B,
+				children: /* @__PURE__ */ g("span", {
+					className: b.confidenceScoreIcon,
+					children: /* @__PURE__ */ g(d, {
+						"data-target-id": "Status-metadataInstanceEntryConfidenceScoreIcon",
 						color: "SurfaceStatusSurfaceGray",
 						hideText: !0,
-						icon: _,
+						icon: y,
 						interactive: !0,
-						text: N.formatMessage(s.confidenceScoreIconAriaLabel)
+						text: F.formatMessage(l.confidenceScoreIconAriaLabel),
+						onMouseEnter: V
 					})
 				})
-			}), /* @__PURE__ */ m(u, {
+			}), /* @__PURE__ */ g(f, {
 				as: "h5",
 				color: "textOnLightSecondary",
 				variant: "bodyDefaultBold",
-				className: v.name,
-				children: y ? /* @__PURE__ */ m(o, {
+				className: b.name,
+				children: x ? /* @__PURE__ */ g(c, {
 					as: "span",
 					color: "textOnLightSecondary",
-					tooltipText: y,
+					tooltipText: x,
 					variant: "bodyDefaultBold",
-					children: x
-				}) : x
+					children: C
+				}) : C
 			})]
-		}), /* @__PURE__ */ m(c, {
-			formattedValue: R,
-			isExternallyOwned: k,
-			scope: O,
-			taxonomyKey: D,
-			taxonomyNodeFetcher: E,
-			type: w,
-			value: T
+		}), /* @__PURE__ */ g(u, {
+			formattedValue: H,
+			isExternallyOwned: j,
+			scope: A,
+			taxonomyKey: k,
+			taxonomyNodeFetcher: O,
+			type: E,
+			value: D
 		})]
 	});
-	return I ? /* @__PURE__ */ m(d, {
-		content: N.formatMessage(e.viewOnDocument),
-		children: B
-	}) : B;
+	return z ? /* @__PURE__ */ g(p, {
+		content: F.formatMessage(e.viewOnDocument),
+		children: W
+	}) : W;
 };
-export { y as t };
+export { x as t };

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

@@ -8,8 +8,8 @@ import { forwardRef as p, useEffect as m, useMemo as h, useState as g } from "re
 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 { useLocalStorageAIAgents as S } from "@box/box-ai-agent-selector";
-import { getIn as C, useFormikContext as w } from "formik";
+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_i1hyy_1",
 	actionMenuItem: "_actionMenuItem_i1hyy_11",
@@ -51,10 +51,10 @@ import '../styles/metadata-instance-form-autofill-button.css';var T = {
 		})
 	});
 }), D = ({ areAiSuggestionsAvailable: s, isBetaLanguageEnabled: u, isLoading: d, variant: p = "secondary-button", isAdvancedExtractAgentEnabled: g = !1, onAutofill: x }) => {
-	let { isSubmitting: D, values: O, setFieldValue: k } = w(), A = _(), [j, M] = S(t), { suggestions: N, confidenceScores: P, targetLocations: F } = i();
+	let { isSubmitting: D, values: O, setFieldValue: k } = C(), A = _(), [j, M] = w(t), { suggestions: N, confidenceScores: P, targetLocations: F } = i();
 	m(() => {
 		if (N) {
-			let e = C(O, "metadata.fields"), t = C(O, "metadata.templateKey");
+			let e = S(O, "metadata.fields"), t = S(O, "metadata.templateKey");
 			k("metadata.fields", e?.map((e) => {
 				let n = N?.[t]?.[e.key];
 				return n ? {
@@ -72,7 +72,7 @@ import '../styles/metadata-instance-form-autofill-button.css';var T = {
 		k
 	]);
 	let I = (t) => {
-		let n = C(O, "metadata.templateKey"), r = C(O, "metadata.scope"), i = t ? e[t]?.AGENT_ID : e[j]?.AGENT_ID;
+		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,

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

@@ -1,7 +1,7 @@
 import { TEMPLATE_CUSTOM_PROPERTIES as e } from "../esm/lib/constants.js";
-import { t } from "./metadata-instance-form-header.js";
-import { t as n } from "./metadata-instance-form-ai-disclaimer.js";
-import { t as r } from "./metadata-instance-form-footer.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";
@@ -21,7 +21,7 @@ import '../styles/metadata-instance-form-card-wrapper.css';var l = {
 			ref: m,
 			className: c(p, { [l.suggestionsFetching]: T }),
 			children: [
-				/* @__PURE__ */ o(t, {
+				/* @__PURE__ */ o(r, {
 					areAiSuggestionsAvailable: d,
 					hasSuggestions: N,
 					isAdvancedExtractAgentEnabled: g,
@@ -36,12 +36,12 @@ import '../styles/metadata-instance-form-card-wrapper.css';var l = {
 					templateName: D?.displayName
 				}),
 				D && f,
-				/* @__PURE__ */ o(n, {
+				/* @__PURE__ */ o(t, {
 					isLoading: T,
 					isConfidenceScoreReviewEnabled: y,
 					fields: h.metadata?.fields ?? []
 				}),
-				/* @__PURE__ */ o(r, {
+				/* @__PURE__ */ o(n, {
 					isDeleteButtonDisabled: x,
 					isLoading: T,
 					onCancel: () => k(E),

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

@@ -28,12 +28,12 @@ import '../styles/metadata-instance-form-footer.css';var s = {
 					"data-target-id": "Button-cancelButton",
 					children: f.formatMessage(e.cancelButton)
 				}), /* @__PURE__ */ i(t, {
+					"data-target-id": "Button-metadataEditorSave",
 					disabled: h,
 					loading: p,
 					loadingAriaLabel: f.formatMessage(e.loadingAriaLabel),
 					onClick: m,
 					size: "large",
-					"data-target-id": "Button-saveButton",
 					children: f.formatMessage(e.saveButton)
 				})]
 			})]

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

@@ -1,7 +1,7 @@
-import { t as e } from "./metadata-instance-form-autofill-button.js";
-import { getFieldsNeedingReview as t } from "../esm/lib/utils/confidence-score/get-fields-needing-review.js";
-import { t as n } from "./interactive-header-text.js";
-import { MetadataInstanceReviewNotice as r } from "../esm/lib/components/metadata-instance-review-notice/metadata-instance-review-notice.js";
+import { getFieldsNeedingReview as e } from "../esm/lib/utils/confidence-score/get-fields-needing-review.js";
+import { t } from "./interactive-header-text.js";
+import { MetadataInstanceReviewNotice as n } from "../esm/lib/components/metadata-instance-review-notice/metadata-instance-review-notice.js";
+import { t as r } from "./metadata-instance-form-autofill-button.js";
 import { MetadataInstanceFormInlineNotice as i } from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-inline-notice/metadata-instance-form-inline-notice.js";
 import a from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/messages.js";
 import { useMemo as o } from "react";
@@ -13,16 +13,16 @@ import '../styles/metadata-instance-form-header.css';var d = {
 	metadataInstanceFormHeader: "_metadataInstanceFormHeader_3nbmr_1",
 	title: "_title_3nbmr_15"
 }, f = ({ areAiSuggestionsAvailable: f, hasSuggestions: p, isAdvancedExtractAgentEnabled: m = !1, isAiSuggestionsFeatureEnabled: h, isBetaLanguageEnabled: g, isConfidenceScoreReviewEnabled: _ = !1, isLargeFile: v, isLoading: y, onToggleReviewFilter: b, shouldShowOnlyReviewFields: x = !1, templateName: S, onAutofill: C }) => {
-	let w = s(), { values: T } = u(), E = o(() => _ ? t(T.metadata?.fields ?? []).length : 0, [T.metadata?.fields, _]), D = S ?? w.formatMessage(a.customInstanceTitle), O = p && f, k = _ && !y && (E > 0 || x) && b !== void 0;
+	let w = s(), { values: T } = u(), E = o(() => _ ? e(T.metadata?.fields ?? []).length : 0, [T.metadata?.fields, _]), D = S ?? w.formatMessage(a.customInstanceTitle), O = p && f, k = _ && !y && (E > 0 || x) && b !== void 0;
 	return /* @__PURE__ */ l("div", {
 		className: d.metadataInstanceFormHeaderWrapper,
 		children: [
 			/* @__PURE__ */ l("div", {
 				className: d.metadataInstanceFormHeader,
-				children: [/* @__PURE__ */ c(n, {
+				children: [/* @__PURE__ */ c(t, {
 					className: d.title,
 					title: D
-				}), h ? /* @__PURE__ */ c(e, {
+				}), h ? /* @__PURE__ */ c(r, {
 					areAiSuggestionsAvailable: f,
 					isAdvancedExtractAgentEnabled: m,
 					isBetaLanguageEnabled: g,
@@ -34,7 +34,7 @@ import '../styles/metadata-instance-form-header.css';var d = {
 				isBetaLanguageEnabled: g,
 				isLargeFile: v
 			}),
-			k && /* @__PURE__ */ c(r, {
+			k && /* @__PURE__ */ c(n, {
 				fieldsNeedingReviewCount: E,
 				isLowScoreFilteringEnabled: x,
 				onTextToggleClick: b

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

@@ -8,14 +8,14 @@ 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 { useLocalStorageAIAgents as m } from "@box/box-ai-agent-selector";
-import { Pencil as h } from "@box/blueprint-web-assets/icons/Line";
+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 = {
 	metadataInstanceHeader: "_metadataInstanceHeader_17bsu_1",
 	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] = m(t), k = w && e[O]?.AGENT_ID, A = c(() => r(w, O, T), [
+	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), [
 		w,
 		O,
 		T
@@ -41,7 +41,7 @@ import '../styles/metadata-instance-header.css';var g = {
 				content: T.formatMessage(a.editButtonTooltip),
 				children: /* @__PURE__ */ f(o, {
 					"aria-label": T.formatMessage(a.editButtonAriaLabel, { templateName: C }),
-					icon: h,
+					icon: m,
 					onClick: x,
 					"data-target-id": "IconButton-editButtonAriaLabel"
 				})

package/dist/esm/index.js

@@ -7,21 +7,18 @@ import { t as r } from "../chunks/filter-instances-dropdown.js";
 import "./lib/components/filter-instances-dropdown/index.js";
 import { MULTI_VALUE_DEFAULT_OPTION as i, MULTI_VALUE_DEFAULT_TAXONOMY_OPTION as a, MULTI_VALUE_DEFAULT_VALUE as o } from "./lib/components/metadata-editor-fields/components/update-mode-field-wrapper/mulitple-values-utils.js";
 import { MetadataEmptyState as s } from "./lib/components/metadata-empty-state/metadata-empty-state.js";
-import { t as c } from "../chunks/custom-instance-new-field.js";
-import { t as l } from "../chunks/delete-confirmation-modal.js";
-import { AutofillContext as u, AutofillContextProvider as d, TIMEOUT_10_SECONDS as f, useAutofill as p } from "./lib/utils/autofill-context.js";
-import { t as m } from "../chunks/metadata-instance-form-autofill-button.js";
-import { n as h, r as g, t as _ } from "../chunks/types.js";
-import { t as v } from "../chunks/metadata-instance-form-header.js";
-import { UnsavedChangesModal as y } from "./lib/components/unsaved-changes-modal/unsaved-changes-modal.js";
-import { r as b } from "../chunks/utils2.js";
-import { MetadataInstanceForm as x } from "./lib/components/metadata-instance-editor/subcomponents/metadata-instance-form/metadata-instance-form.js";
-import "./lib/components/metadata-instance-editor/index.js";
-import { t as S } from "../chunks/metadata-instance-list.js";
-import { t as C } from "../chunks/metadata-instance-header.js";
-import { t as w } from "../chunks/metadata-instance.js";
-import "./lib/components/metadata-instance-list/index.js";
+import { AutofillContext as c, AutofillContextProvider as l, TIMEOUT_10_SECONDS as u, useAutofill as d } from "./lib/utils/autofill-context.js";
+import { n as f, r as p, t as m } from "../chunks/types.js";
+import { UnsavedChangesModal as h } from "./lib/components/unsaved-changes-modal/unsaved-changes-modal.js";
+import { t as g } from "../chunks/custom-instance-new-field.js";
+import { t as _ } from "../chunks/delete-confirmation-modal.js";
+import { r as v } from "../chunks/utils2.js";
+import { t as y } from "../chunks/metadata-instance-form-autofill-button.js";
+import { t as b } from "../chunks/metadata-instance-form-header.js";
+import { MetadataInstanceForm as x } from "./lib/components/metadata-instance-editor/index.js";
+import { t as S } from "../chunks/metadata-instance-header.js";
+import { MetadataInstance as C, MetadataInstanceList as w } from "./lib/components/metadata-instance-list/index.js";
 import { defaultInitialValues as T, defaultMetadataValueMap as E } from "./lib/defaults.js";
 import { t as D } from "../chunks/metadata-editor.js";
 import { withApiWrapper as O } from "./lib/utils/api-wrapper.js";
-export { t as AddMetadataTemplateDropdown, _ as AiSuggestionState, u as AutofillContext, d as AutofillContextProvider, n as ComboboxWithApiPagination, h as ConfidenceLevel, c as CustomInstanceNewField, l as DeleteConfirmationModal, e as FilterDropdownMenu, r as FilterInstancesDropdown, b as JSONPatchOp, i as MULTI_VALUE_DEFAULT_OPTION, a as MULTI_VALUE_DEFAULT_TAXONOMY_OPTION, o as MULTI_VALUE_DEFAULT_VALUE, D as MetadataEditor, s as MetadataEmptyState, w as MetadataInstance, x as MetadataInstanceForm, m as MetadataInstanceFormAutofillButton, v as MetadataInstanceFormHeader, C as MetadataInstanceHeader, S as MetadataInstanceList, f as TIMEOUT_10_SECONDS, y as UnsavedChangesModal, g as UpdateMode, T as defaultInitialValues, E as defaultMetadataValueMap, p as useAutofill, O as withApiWrapper };
+export { t as AddMetadataTemplateDropdown, m as AiSuggestionState, c as AutofillContext, l as AutofillContextProvider, n as ComboboxWithApiPagination, f as ConfidenceLevel, g as CustomInstanceNewField, _ as DeleteConfirmationModal, e as FilterDropdownMenu, r as FilterInstancesDropdown, v as JSONPatchOp, i as MULTI_VALUE_DEFAULT_OPTION, a as MULTI_VALUE_DEFAULT_TAXONOMY_OPTION, o as MULTI_VALUE_DEFAULT_VALUE, D as MetadataEditor, s as MetadataEmptyState, C as MetadataInstance, x as MetadataInstanceForm, y as MetadataInstanceFormAutofillButton, b as MetadataInstanceFormHeader, S as MetadataInstanceHeader, w as MetadataInstanceList, u as TIMEOUT_10_SECONDS, h as UnsavedChangesModal, p as UpdateMode, T as defaultInitialValues, E as defaultMetadataValueMap, d as useAutofill, O as withApiWrapper };

package/dist/esm/lib/components/metadata-editor-fields/components/ai-logo-badge/ai-logo-badge.js

@@ -1,21 +1,24 @@
-import { getConfidenceScoreTooltip as e } from "../../../../utils/confidence-score/get-confidence-score-tooltip.js";
-import { Status as t, Tooltip as n } from "@box/blueprint-web";
-import { useIntl as r } from "react-intl";
-import { BoxAiLogo as i } from "@box/blueprint-web-assets/icons/Logo";
-import { jsx as a } from "react/jsx-runtime";
-import { SurfaceStatusSurfaceGray as o } from "@box/blueprint-web-assets/tokens/tokens";
-function s({ confidenceScore: s, className: c }) {
-	let { formatMessage: l } = r();
-	return s ? /* @__PURE__ */ a(n, {
-		content: e(l, s),
-		children: /* @__PURE__ */ a(t, {
+import { EVENT_NAMES as e } from "../../../../utils/analytics/events.js";
+import { useMetadataEditorAnalytics as t } from "../../../../utils/analytics/analytics-context.js";
+import { getConfidenceScoreTooltip as n } from "../../../../utils/confidence-score/get-confidence-score-tooltip.js";
+import { Status as r, Tooltip as i } from "@box/blueprint-web";
+import { useIntl as a } from "react-intl";
+import { BoxAiLogo as o } from "@box/blueprint-web-assets/icons/Logo";
+import { jsx as s } from "react/jsx-runtime";
+import { SurfaceStatusSurfaceGray as c } from "@box/blueprint-web-assets/tokens/tokens";
+function l({ confidenceScore: l, className: u }) {
+	let { formatMessage: d } = a(), { trackEvent: f } = t();
+	return l ? /* @__PURE__ */ s(i, {
+		content: n(d, l),
+		children: /* @__PURE__ */ s(r, {
 			hideText: !0,
-			icon: i,
+			icon: o,
 			interactive: !0,
 			text: "",
-			color: o,
-			"data-testid": "ai-confidence-badge"
+			color: c,
+			"data-testid": "ai-confidence-badge",
+			onMouseEnter: () => f(e.AI_LOGO_BADGE_HOVER, { confidenceLevel: l?.level })
 		})
-	}) : /* @__PURE__ */ a(i, { className: c });
+	}) : /* @__PURE__ */ s(o, { className: u });
 }
-export { s as AiLogoBadge };
+export { l as AiLogoBadge };