@box/metadata-editor 1.68.0 → 1.69.1

package/dist/esm/lib/components/metadata-editor-fields/components/low-confidence-badge/low-confidence-badge.js

@@ -1,21 +1,24 @@
-import e from "../../../../utils/confidence-score/messages.js";
-import t from "../../messages.js";
-import { Status as n, Tooltip as r } from "@box/blueprint-web";
-import { useIntl as i } from "react-intl";
-import { jsx as a } from "react/jsx-runtime";
-import { SurfaceStatusSurfaceGray as o } from "@box/blueprint-web-assets/tokens/tokens";
-import { AlertCircle as s } from "@box/blueprint-web-assets/icons/Medium";
-function c() {
-	let { formatMessage: c } = i(), l = /* @__PURE__ */ a(n, {
-		color: o,
+import { EVENT_NAMES as e } from "../../../../utils/analytics/events.js";
+import { useMetadataEditorAnalytics as t } from "../../../../utils/analytics/analytics-context.js";
+import n from "../../../../utils/confidence-score/messages.js";
+import r from "../../messages.js";
+import { Status as i, Tooltip as a } from "@box/blueprint-web";
+import { useIntl as o } from "react-intl";
+import { jsx as s } from "react/jsx-runtime";
+import { SurfaceStatusSurfaceGray as c } from "@box/blueprint-web-assets/tokens/tokens";
+import { AlertCircle as l } from "@box/blueprint-web-assets/icons/Medium";
+function u() {
+	let { formatMessage: u } = o(), { trackEvent: d } = t(), f = /* @__PURE__ */ s(i, {
+		color: c,
 		interactive: !0,
-		text: c(t.lowConfidenceBadge).toUpperCase(),
-		icon: s,
-		iconPosition: "left"
+		text: u(r.lowConfidenceBadge).toUpperCase(),
+		icon: l,
+		iconPosition: "left",
+		onMouseEnter: () => d(e.LOW_CONF_BADGE_HOVER)
 	});
-	return /* @__PURE__ */ a(r, {
-		content: c(e.tooltipLowConfidence),
-		children: l
+	return /* @__PURE__ */ s(a, {
+		content: u(n.tooltipLowConfidence),
+		children: f
 	});
 }
-export { c as LowConfidenceBadge };
+export { u as LowConfidenceBadge };

package/dist/esm/lib/components/metadata-editor-fields/components/low-confidence-suggestion-field/low-confidence-suggestion-field.js

@@ -46,19 +46,19 @@ function g({ onAccept: g, onClear: _ }) {
 					content: v.formatMessage(t.acceptValueTooltip),
 					children: /* @__PURE__ */ d(n, {
 						"aria-label": v.formatMessage(t.acceptValueAriaLabel),
+						"data-target-id": "IconButton-metadataEditorLowConfAccept",
 						icon: p,
 						onClick: () => C(g),
-						size: "x-small",
-						"data-target-id": "IconButton-acceptValueAriaLabel"
+						size: "x-small"
 					})
 				}), /* @__PURE__ */ d(a, {
 					content: v.formatMessage(t.clearValueTooltip),
 					children: /* @__PURE__ */ d(n, {
 						"aria-label": v.formatMessage(t.clearValueAriaLabel),
+						"data-target-id": "IconButton-metadataEditorLowConfClear",
 						icon: m,
 						onClick: () => C(_),
-						size: "x-small",
-						"data-target-id": "IconButton-clearValueAriaLabel"
+						size: "x-small"
 					})
 				})]
 			})]

package/dist/esm/lib/components/metadata-editor-fields/components/metadata-string-field/metadata-string-field.js

@@ -15,7 +15,7 @@ var s = /* @__PURE__ */ r(({ className: r, description: s, isAiSuggestionApplied
 				...t,
 				ref: h,
 				className: r,
-				"data-target-id": "TextInput-MetadataEditorStringField",
+				"data-target-id": "TextInput-metadataEditorStringField",
 				disabled: u,
 				error: i.error,
 				label: v,

package/dist/esm/lib/components/metadata-editor-fields/metadata-editor-field-wrapper.js

@@ -1,25 +1,25 @@
 import e from "../../messages.js";
 import { t } from "../../../../chunks/types.js";
-import { isConfidenceScoreNeedingReview as n } from "../../utils/confidence-score/is-confidence-score-needing-review.js";
-import { checkIfHasBoundingBoxes as r } from "../../utils/check-if-has-bounding-boxes.js";
+import { checkIfHasBoundingBoxes as n } from "../../utils/check-if-has-bounding-boxes.js";
+import { isConfidenceScoreNeedingReview as r } from "../../utils/confidence-score/is-confidence-score-needing-review.js";
 import { isInteractiveFormElement as i } from "../../utils/is-interactive-form-element.js";
 import { t as a } from "../../../../chunks/shared-field-styles.module.js";
-import { t as ee } from "../../../../chunks/ai-suggestion-field.js";
-import { LowConfidenceSuggestionField as o } from "./components/low-confidence-suggestion-field/low-confidence-suggestion-field.js";
+import { t as o } from "../../../../chunks/ai-suggestion-field.js";
+import { LowConfidenceSuggestionField as ee } from "./components/low-confidence-suggestion-field/low-confidence-suggestion-field.js";
 import { t as s } from "../../../../chunks/update-mode-field-wrapper.js";
 import { r as c } from "../../../../chunks/utils.js";
-import { editorFieldTypes as te } from "./editor-field-types.js";
-import { useViewReferenceTooltip as l } from "./hooks/use-view-reference-tooltip.js";
+import { editorFieldTypes as l } from "./editor-field-types.js";
+import { useViewReferenceTooltip as te } from "./hooks/use-view-reference-tooltip.js";
 import { Tooltip as u } from "@box/blueprint-web";
 import { forwardRef as d, memo as f, useCallback as p, useEffect as m, useMemo as ne } from "react";
 import { useIntl as re } from "react-intl";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 import _ from "clsx";
-import { useFormikContext as v } from "formik";
-import ie from "lodash/isEqual";
+import { useFormikContext as ie } from "formik";
+import v from "lodash/isEqual";
 import ae from "lodash/isUndefined";
 var y = /* @__PURE__ */ f(/* @__PURE__ */ d(({ disableForm: d, portalElement: f, field: y, index: oe, taxonomyOptionsFetcher: b, isExternallyOwned: x, isMultilevelTaxonomyFieldEnabled: S, isConfidenceScoreReviewEnabled: C = !1, onSelectMetadataField: w, selectedMetadataFieldId: se }, T) => {
-	let { setFieldValue: E } = v(), { formatMessage: D } = re(), O = y.aiSuggestionState || t.Initial, k = O === t.Pending, A = O === t.Applied, j = O === t.Initial, M = te[y.type], { aiSuggestion: N, aiSuggestionConfidenceScore: P, aiSuggestionTargetLocation: F, type: I, value: L } = y, R = M && !y.hidden, z = !ae(y.updateMode), B = `metadata.fields[${oe}]`, V = y.type === "taxonomy" && y.optionsRules?.multiSelect, H = C && !!y.confidenceScore, U = H && n(y.confidenceScore), W = H && !k && !n(y.confidenceScore), G = se === y.id, ce = r(y.targetLocation), K = H && ce && !!w, { isTooltipOpen: q, handleMouseOver: le, handleMouseLeave: ue, handleFocus: de, handleBlur: fe } = l(K), pe = _({
+	let { setFieldValue: E } = ie(), { formatMessage: D } = re(), O = y.aiSuggestionState || t.Initial, k = O === t.Pending, A = O === t.Applied, j = O === t.Initial, M = l[y.type], { aiSuggestion: N, aiSuggestionConfidenceScore: P, aiSuggestionTargetLocation: F, type: I, value: L } = y, R = M && !y.hidden, z = !ae(y.updateMode), B = `metadata.fields[${oe}]`, V = y.type === "taxonomy" && y.optionsRules?.multiSelect, H = C && !!y.confidenceScore, U = H && r(y.confidenceScore), W = H && !k && !r(y.confidenceScore), G = se === y.id, ce = n(y.targetLocation), K = H && ce && !!w, { isTooltipOpen: q, handleMouseOver: le, handleMouseLeave: ue, handleFocus: de, handleBlur: fe } = te(K), pe = _({
 		[c.aiApproved]: A || W,
 		[c.hasSuggestion]: k,
 		[c.hasConfidenceReview]: !k && U,
@@ -98,10 +98,11 @@ var y = /* @__PURE__ */ f(/* @__PURE__ */ d(({ disableForm: d, portalElement: f,
 		N,
 		J
 	]);
-	let ve = ne(() => N ? ie(L, N) : !1, [N, L]);
+	let ve = ne(() => N ? v(L, N) : !1, [N, L]);
 	if (!R) return null;
 	let Q = {
 		"data-metadata-field": !0,
+		"data-target-id": "Button-metadataEditorFieldEditClick",
 		"data-testid": "metadata-field",
 		onClick: ge,
 		onKeyDown: _e,
@@ -161,7 +162,7 @@ var y = /* @__PURE__ */ f(/* @__PURE__ */ d(({ disableForm: d, portalElement: f,
 				portalElement: f,
 				taxonomyOptionsFetcher: b
 			}),
-			k && /* @__PURE__ */ h(ee, {
+			k && /* @__PURE__ */ h(o, {
 				aiSuggestion: N,
 				confidenceLevel: C ? P?.level : void 0,
 				isSameValue: ve,
@@ -172,7 +173,7 @@ var y = /* @__PURE__ */ f(/* @__PURE__ */ d(({ disableForm: d, portalElement: f,
 				onAiSuggestionReplace: () => Y(N, !0),
 				type: I
 			}),
-			!k && U && /* @__PURE__ */ h(o, {
+			!k && U && /* @__PURE__ */ h(ee, {
 				onAccept: me,
 				onClear: he
 			})

package/dist/esm/lib/components/metadata-instance-editor/index.js

@@ -1,7 +1,9 @@
-import { t as e } from "../../../../chunks/custom-instance-new-field.js";
-import { t } from "../../../../chunks/delete-confirmation-modal.js";
-import { t as n } from "../../../../chunks/metadata-instance-form-autofill-button.js";
-import { t as r } from "../../../../chunks/metadata-instance-form-header.js";
-import { r as i } from "../../../../chunks/utils2.js";
-import { MetadataInstanceForm as a } from "./subcomponents/metadata-instance-form/metadata-instance-form.js";
-export { e as CustomInstanceNewField, t as DeleteConfirmationModal, i as JSONPatchOp, a as MetadataInstanceForm, n as MetadataInstanceFormAutofillButton, r as MetadataInstanceFormHeader };
+import { withAnalytics as e } from "../../utils/analytics/with-analytics.js";
+import { t } from "../../../../chunks/custom-instance-new-field.js";
+import { t as n } from "../../../../chunks/delete-confirmation-modal.js";
+import { r } from "../../../../chunks/utils2.js";
+import { t as i } from "../../../../chunks/metadata-instance-form-autofill-button.js";
+import { t as a } from "../../../../chunks/metadata-instance-form-header.js";
+import { MetadataInstanceForm as o } from "./subcomponents/metadata-instance-form/metadata-instance-form.js";
+var s = e(o);
+export { t as CustomInstanceNewField, n as DeleteConfirmationModal, r as JSONPatchOp, s as MetadataInstanceForm, i as MetadataInstanceFormAutofillButton, a as MetadataInstanceFormHeader };

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

@@ -1,127 +1,129 @@
 import { TEMPLATE_CUSTOM_PROPERTIES as e } from "../../../../constants.js";
 import { MetadataEmptyState as t } from "../../../metadata-empty-state/metadata-empty-state.js";
-import { t as n } from "../../../../../../chunks/delete-confirmation-modal.js";
+import { useMetadataEditorAnalytics as n } from "../../../../utils/analytics/analytics-context.js";
 import { useAutofill as r } from "../../../../utils/autofill-context.js";
 import { TemplateInstance as i } from "../../../metadata-editor-fields/metadata-editor-fields.js";
 import { UnsavedChangesModal as a } from "../../../unsaved-changes-modal/unsaved-changes-modal.js";
 import { t as o } from "../../../../../../chunks/autofill-overlay.js";
 import { t as s } from "../../../../../../chunks/custom-instance.js";
-import { t as ee } from "../../../../../../chunks/utils2.js";
-import { n as c, t as l } from "../../../../../../chunks/metadata-instance-form-card-wrapper.js";
-import { useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import g from "clsx";
-import { Form as _, Formik as v } from "formik";
-import y from "lodash/isEqual";
-var b = ({ dirty: e, onChange: t, values: n }) => {
-	let r = f(n);
-	return e && !y(r.current.metadata.fields, n.metadata.fields) && (r.current = n, t(n)), null;
-}, x = (y) => {
-	let { areAiSuggestionsAvailable: x, customRef: S, isLargeFile: C, errorCode: w, isAiSuggestionsFeatureEnabled: T, isAdvancedExtractAgentEnabled: E = !1, isBetaLanguageEnabled: D, isDeleteButtonDisabled: te, isDeleteConfirmationModalCheckboxEnabled: ne, isMultilevelTaxonomyFieldEnabled: O, isUnsavedChangesModalOpen: k = !1, MetadataInstanceFormCustomWrapper: A, selectedTemplateInstance: j, onCancel: M, onChange: N, onDelete: P, onDiscardUnsavedChanges: F, onSubmit: I, onToggleReviewFilter: L, setIsUnsavedChangesModalOpen: R, shouldShowOnlyReviewFields: z = !1, taxonomyOptionsFetcher: B, isConfidenceScoreReviewEnabled: V = !1, onSelectMetadataField: H, selectedMetadataFieldId: U } = y, W = A ?? l, [G, K] = p(!1), { isFetchingSuggestions: q, isLongLoading: J, getAiSuggestions: Y, clearState: X, suggestions: re } = r();
-	u(() => () => {
+import { t as c } from "../../../../../../chunks/delete-confirmation-modal.js";
+import { t as l } from "../../../../../../chunks/utils2.js";
+import { n as u, t as d } from "../../../../../../chunks/metadata-instance-form-card-wrapper.js";
+import { useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import v from "clsx";
+import { Form as y, Formik as b } from "formik";
+import x from "lodash/isEqual";
+var S = ({ dirty: e, onChange: t, values: n }) => {
+	let r = m(n);
+	return e && !x(r.current.metadata.fields, n.metadata.fields) && (r.current = n, t(n)), null;
+}, C = (x) => {
+	let { areAiSuggestionsAvailable: C, customRef: w, isLargeFile: T, errorCode: E, isAiSuggestionsFeatureEnabled: D, isAdvancedExtractAgentEnabled: O = !1, isBetaLanguageEnabled: ee, isDeleteButtonDisabled: te, isDeleteConfirmationModalCheckboxEnabled: ne, isMultilevelTaxonomyFieldEnabled: k, isUnsavedChangesModalOpen: A = !1, MetadataInstanceFormCustomWrapper: j, selectedTemplateInstance: M, onCancel: N, onChange: P, onDelete: F, onDiscardUnsavedChanges: I, onSubmit: L, onToggleReviewFilter: R, setIsUnsavedChangesModalOpen: z, shouldShowOnlyReviewFields: B = !1, taxonomyOptionsFetcher: V, isConfidenceScoreReviewEnabled: H = !1, onSelectMetadataField: U, selectedMetadataFieldId: W } = x, re = j ?? d, [G, K] = h(!1), { isFetchingSuggestions: q, isLongLoading: J, getAiSuggestions: Y, clearState: X, suggestions: ie } = r(), { trackEvent: ae } = n();
+	f(() => () => {
 		X();
-	}, [X, j?.id]);
-	let Z = j?.templateKey === e, ie = async (e) => {
-		await I(e, ee(e, j));
-	}, ae = (e) => {
-		e ? R(!0) : M();
-	}, oe = () => {
+	}, [X, M?.id]);
+	let Z = M?.templateKey === e, oe = async (e) => {
+		await L(e, l(e, M));
+	}, se = (e) => {
+		e ? z(!0) : N();
+	}, ce = () => {
 		K(!0);
-	}, se = { metadata: { ...j } }, Q = f(null), [$, ce] = p(null);
-	u(() => {
-		ce(S ?? Q.current);
+	}, le = { metadata: { ...M } }, Q = m(null), [$, ue] = h(null);
+	f(() => {
+		ue(w ?? Q.current);
 	}, [
-		S,
-		j?.templateKey,
-		j?.scope
+		w,
+		M?.templateKey,
+		M?.scope
 	]);
-	let le = d(() => {
-		let e = j?.fields.length === 0;
-		if (Z) return /* @__PURE__ */ m(s, { isLoading: q });
-		if (e) return /* @__PURE__ */ m(t, {
-			isBoxAiSuggestionsFeatureEnabled: T,
+	let de = p(() => {
+		let e = M?.fields.length === 0;
+		if (Z) return /* @__PURE__ */ g(s, { isLoading: q });
+		if (e) return /* @__PURE__ */ g(t, {
+			isBoxAiSuggestionsFeatureEnabled: D,
 			level: "instance"
 		});
-		let n = !!(q || w);
-		return /* @__PURE__ */ h("div", {
-			className: g(c.metadataInstanceFormContent, n && c.showOverlay, V && c.metadataInstanceFormContentReducedGap),
-			children: [/* @__PURE__ */ m(o, {
-				errorCode: w,
+		let n = !!(q || E);
+		return /* @__PURE__ */ _("div", {
+			className: v(u.metadataInstanceFormContent, n && u.showOverlay, H && u.metadataInstanceFormContentReducedGap),
+			children: [/* @__PURE__ */ g(o, {
+				errorCode: E,
 				isFetchingSuggestions: q,
 				isLongLoading: J
-			}), /* @__PURE__ */ m(i, {
+			}), /* @__PURE__ */ g(i, {
 				disableForm: q,
-				isConfidenceScoreReviewEnabled: V,
-				isExternallyOwned: j?.isExternallyOwned,
-				isMultilevelTaxonomyFieldEnabled: O,
-				onSelectMetadataField: H,
-				selectedMetadataFieldId: U,
-				portalElement: S ?? $,
-				shouldShowOnlyReviewFields: z,
-				taxonomyOptionsFetcher: B
+				isConfidenceScoreReviewEnabled: H,
+				isExternallyOwned: M?.isExternallyOwned,
+				isMultilevelTaxonomyFieldEnabled: k,
+				onSelectMetadataField: U,
+				selectedMetadataFieldId: W,
+				portalElement: w ?? $,
+				shouldShowOnlyReviewFields: B,
+				taxonomyOptionsFetcher: V
 			})]
 		});
 	}, [
-		j?.fields.length,
-		j?.isExternallyOwned,
+		M?.fields.length,
+		M?.isExternallyOwned,
 		Z,
 		q,
 		J,
-		S,
+		w,
 		$,
-		B,
-		T,
 		V,
-		O,
-		w,
-		z,
+		D,
 		H,
-		U
+		k,
+		E,
+		B,
+		U,
+		W
 	]);
-	return /* @__PURE__ */ m(v, {
-		initialValues: se,
-		onSubmit: ie,
-		children: ({ values: e, dirty: t }) => /* @__PURE__ */ h(_, { children: [
-			/* @__PURE__ */ m(W, {
-				areAiSuggestionsAvailable: x,
-				className: c.metadataInstanceForm,
+	return /* @__PURE__ */ g(b, {
+		initialValues: le,
+		onSubmit: oe,
+		children: ({ values: e, dirty: t }) => /* @__PURE__ */ _(y, { children: [
+			/* @__PURE__ */ g(re, {
+				areAiSuggestionsAvailable: C,
+				className: u.metadataInstanceForm,
 				formRef: Q,
 				formValues: e,
 				getAiSuggestions: Y,
-				handleCancel: ae,
-				handleDelete: oe,
-				isAdvancedExtractAgentEnabled: E,
-				isAiSuggestionsFeatureEnabled: T,
-				isBetaLanguageEnabled: D,
-				isConfidenceScoreReviewEnabled: V,
+				handleCancel: se,
+				handleDelete: ce,
+				isAdvancedExtractAgentEnabled: O,
+				isAiSuggestionsFeatureEnabled: D,
+				isBetaLanguageEnabled: ee,
+				isConfidenceScoreReviewEnabled: H,
 				isDeleteButtonDisabled: te,
 				isFetchingSuggestions: q,
 				isFormDirty: t,
-				isLargeFile: C,
-				onToggleReviewFilter: L,
-				selectedTemplateInstance: j,
-				shouldShowOnlyReviewFields: z,
-				suggestions: re,
-				children: j && le
+				isLargeFile: T,
+				onToggleReviewFilter: R,
+				selectedTemplateInstance: M,
+				shouldShowOnlyReviewFields: B,
+				suggestions: ie,
+				children: M && de
 			}),
-			N && /* @__PURE__ */ m(b, {
+			P && /* @__PURE__ */ g(S, {
 				dirty: t,
-				onChange: N,
+				onChange: P,
 				values: e
 			}),
-			/* @__PURE__ */ m(a, {
-				onBackToEdit: () => R(!1),
-				onDiscardChanges: F,
-				open: k
+			/* @__PURE__ */ g(a, {
+				onBackToEdit: () => z(!1),
+				onDiscardChanges: I,
+				open: A,
+				trackEvent: ae
 			}),
-			/* @__PURE__ */ m(n, {
+			/* @__PURE__ */ g(c, {
 				isCheckboxEnabled: ne,
-				onConfirm: () => P(j),
+				onConfirm: () => F(M),
 				onDismiss: () => K(!1),
 				open: G,
-				templateName: j?.displayName
+				templateName: M?.displayName
 			})
 		] })
-	}, `${j?.scope}.${j?.templateKey}`);
+	}, `${M?.scope}.${M?.templateKey}`);
 };
-export { x as MetadataInstanceForm };
+export { C as MetadataInstanceForm };

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

@@ -1,4 +1,6 @@
-import { t as e } from "../../../../chunks/metadata-instance-list.js";
-import { t } from "../../../../chunks/metadata-instance-header.js";
-import { t as n } from "../../../../chunks/metadata-instance.js";
-export { n as MetadataInstance, t as MetadataInstanceHeader, e as MetadataInstanceList };
+import { withAnalytics as e } from "../../utils/analytics/with-analytics.js";
+import { t } from "../../../../chunks/metadata-instance-list.js";
+import { t as n } from "../../../../chunks/metadata-instance-header.js";
+import { t as r } from "../../../../chunks/metadata-instance.js";
+var i = e(t), a = e(r);
+export { a as MetadataInstance, n as MetadataInstanceHeader, i as MetadataInstanceList };

package/dist/esm/lib/components/metadata-instance-review-notice/metadata-instance-review-notice.js

@@ -13,6 +13,7 @@ var s = ({ fieldsNeedingReviewCount: s, isLowScoreFilteringEnabled: c = !1, onTe
 		children: /* @__PURE__ */ a(r, {
 			content: f,
 			children: /* @__PURE__ */ a(n, {
+				"data-target-id": c ? "TextToggleButton-metadataEditorReviewFilterHide" : "TextToggleButton-metadataEditorReviewFilterView",
 				onPressedChange: l,
 				pressed: c,
 				children: c ? u.formatMessage(e.hideReviewFieldsCTA) : u.formatMessage(e.viewReviewFieldsCTA)

package/dist/esm/lib/components/unsaved-changes-modal/unsaved-changes-modal.js

@@ -1,42 +1,45 @@
-import e from "./messages.js";
-import { Modal as t } from "@box/blueprint-web";
-import { useCallback as n, useEffect as r, useState as i } from "react";
-import { FormattedMessage as a, useIntl as o } from "react-intl";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-function l({ onBackToEdit: l, onDiscardChanges: u, defaultOpen: d = !0, open: f = d }) {
-	let p = o(), [m, h] = i(f);
-	r(() => h(f), [f]);
-	let g = n(() => {
-		l(), h(!1);
-	}, [l]), _ = n(() => {
-		u(), h(!1);
-	}, [u]);
-	return /* @__PURE__ */ s(t, {
+import { EVENT_NAMES as e } from "../../utils/analytics/events.js";
+import t from "./messages.js";
+import { Modal as n } from "@box/blueprint-web";
+import { useCallback as r, useEffect as i, useState as a } from "react";
+import { FormattedMessage as o, useIntl as s } from "react-intl";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+function u({ onBackToEdit: u, onDiscardChanges: d, defaultOpen: f = !0, open: p = f, trackEvent: m }) {
+	let h = s(), [g, _] = a(p);
+	i(() => _(p), [p]), i(() => {
+		g && m?.(e.UNSAVED_MODAL_SHOWN);
+	}, [g, m]);
+	let v = r(() => {
+		u(), _(!1);
+	}, [u]), y = r(() => {
+		m?.(e.UNSAVED_MODAL_DISCARD), d(), _(!1);
+	}, [d, m]);
+	return /* @__PURE__ */ c(n, {
 		modal: !0,
-		onOpenChange: n((e) => {
-			h(e), e || g();
-		}, [g]),
-		open: m,
-		children: /* @__PURE__ */ c(t.Content, {
+		onOpenChange: r((e) => {
+			_(e), e || v();
+		}, [v]),
+		open: g,
+		children: /* @__PURE__ */ l(n.Content, {
 			onEscapeKeyDown: (e) => e.stopPropagation(),
 			size: "small",
 			children: [
-				/* @__PURE__ */ s(t.Header, { children: /* @__PURE__ */ s(a, { ...e.unsavedChangesModalHeader }) }),
-				/* @__PURE__ */ s(t.ScrollableContainer, { children: /* @__PURE__ */ s(t.Body, { children: /* @__PURE__ */ s(a, { ...e.unsavedChangesModalBody }) }) }),
-				/* @__PURE__ */ c(t.Footer, { children: [/* @__PURE__ */ s(t.Footer.SecondaryButton, {
-					onClick: _,
+				/* @__PURE__ */ c(n.Header, { children: /* @__PURE__ */ c(o, { ...t.unsavedChangesModalHeader }) }),
+				/* @__PURE__ */ c(n.ScrollableContainer, { children: /* @__PURE__ */ c(n.Body, { children: /* @__PURE__ */ c(o, { ...t.unsavedChangesModalBody }) }) }),
+				/* @__PURE__ */ l(n.Footer, { children: [/* @__PURE__ */ c(n.Footer.SecondaryButton, {
+					"data-target-id": "Modal.Footer.SecondaryButton-metadataEditorUnsavedDiscard",
+					onClick: y,
 					size: "large",
-					"data-target-id": "Modal.Footer.SecondaryButton-unsavedChangesModalDiscardChangesCTA",
-					children: p.formatMessage(e.unsavedChangesModalDiscardChangesCTA)
-				}), /* @__PURE__ */ s(t.Footer.PrimaryButton, {
-					onClick: g,
+					children: h.formatMessage(t.unsavedChangesModalDiscardChangesCTA)
+				}), /* @__PURE__ */ c(n.Footer.PrimaryButton, {
+					"data-target-id": "Modal.Footer.PrimaryButton-metadataEditorUnsavedBackToEdit",
+					onClick: v,
 					size: "large",
-					"data-target-id": "Modal.Footer.PrimaryButton-unsavedChangesModalContinueEditingCTA",
-					children: p.formatMessage(e.unsavedChangesModalContinueEditingCTA)
+					children: h.formatMessage(t.unsavedChangesModalContinueEditingCTA)
 				})] }),
-				/* @__PURE__ */ s(t.Close, { "aria-label": p.formatMessage(e.unsavedChangesModalCloseLabel) })
+				/* @__PURE__ */ c(n.Close, { "aria-label": h.formatMessage(t.unsavedChangesModalCloseLabel) })
 			]
 		})
 	});
 }
-export { l as UnsavedChangesModal };
+export { u as UnsavedChangesModal };

package/dist/esm/lib/utils/analytics/analytics-context.js

@@ -0,0 +1,11 @@
+import { createContext as e, useContext as t, useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import i from "lodash/noop";
+var a = /* @__PURE__ */ e({ trackEvent: i }), o = ({ children: e, trackEvent: t }) => {
+	let o = n(() => ({ trackEvent: t ?? i }), [t]);
+	return /* @__PURE__ */ r(a.Provider, {
+		value: o,
+		children: e
+	});
+}, s = () => t(a);
+export { a as AnalyticsContext, o as AnalyticsContextProvider, s as useMetadataEditorAnalytics };

package/dist/esm/lib/utils/analytics/events.js

@@ -0,0 +1,9 @@
+var e = {
+	LOW_CONF_BADGE_HOVER: "metadata_editor_low_conf_badge_hover",
+	LOW_CONF_ICON_HOVER_READ_MODE: "metadata_editor_low_conf_icon_hover_read_mode",
+	AI_SUGGESTION_SHOWN: "metadata_editor_ai_suggestion_shown",
+	UNSAVED_MODAL_SHOWN: "metadata_editor_unsaved_modal_shown",
+	UNSAVED_MODAL_DISCARD: "metadata_editor_unsaved_modal_discard",
+	AI_LOGO_BADGE_HOVER: "metadata_editor_conf_score_icon_hover"
+};
+export { e as EVENT_NAMES };

package/dist/esm/lib/utils/analytics/index.js

@@ -0,0 +1,4 @@
+import { EVENT_NAMES as e } from "./events.js";
+import { AnalyticsContext as t, AnalyticsContextProvider as n, useMetadataEditorAnalytics as r } from "./analytics-context.js";
+import { withAnalytics as i } from "./with-analytics.js";
+export { t as AnalyticsContext, n as AnalyticsContextProvider, e as EVENT_NAMES, r as useMetadataEditorAnalytics, i as withAnalytics };

package/dist/esm/lib/utils/analytics/with-analytics.js

@@ -0,0 +1,11 @@
+import { AnalyticsContextProvider as e } from "./analytics-context.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+function n(n) {
+	let r = ({ trackEvent: r, ...i }) => /* @__PURE__ */ t(e, {
+		trackEvent: r,
+		children: /* @__PURE__ */ t(n, { ...i })
+	});
+	return r.displayName = `withAnalytics(${n.displayName || n.name || "Component"})`, r;
+}
+export { n as withAnalytics };

package/dist/esm/lib/utils/confidence-score/index.js

@@ -1,5 +1,5 @@
-import { isConfidenceScoreNeedingReview as e } from "./is-confidence-score-needing-review.js";
-import { getFieldsNeedingReview as t } from "./get-fields-needing-review.js";
-import { formatConfidenceScorePercent as n } from "./format-confidence-score-percent.js";
-import { getConfidenceScoreTooltip as r } from "./get-confidence-score-tooltip.js";
-export { n as formatConfidenceScorePercent, r as getConfidenceScoreTooltip, t as getFieldsNeedingReview, e as isConfidenceScoreNeedingReview };
+import { formatConfidenceScorePercent as e } from "./format-confidence-score-percent.js";
+import { getConfidenceScoreTooltip as t } from "./get-confidence-score-tooltip.js";
+import { isConfidenceScoreNeedingReview as n } from "./is-confidence-score-needing-review.js";
+import { getFieldsNeedingReview as r } from "./get-fields-needing-review.js";
+export { e as formatConfidenceScorePercent, t as getConfidenceScoreTooltip, r as getFieldsNeedingReview, n as isConfidenceScoreNeedingReview };