@box/metadata-editor 1.67.6 → 1.69.0

package/dist/chunks/utils.js

@@ -1,53 +1,83 @@
 import { isConfidenceScoreNeedingReview as e } from "../esm/lib/utils/confidence-score/is-confidence-score-needing-review.js";
 import { convertISOStringtoRFC3339String as t } from "../esm/lib/utils/convertDate.js";
-import { t as n } from "./interactive-text.js";
+import { t as n } from "./interactive-text.module.js";
 import { AiLogoBadge as r } from "../esm/lib/components/metadata-editor-fields/components/ai-logo-badge/ai-logo-badge.js";
 import { LowConfidenceBadge as i } from "../esm/lib/components/metadata-editor-fields/components/low-confidence-badge/low-confidence-badge.js";
-import { createElement as a, memo as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import l from "clsx";
-import '../styles/utils.css';var u = {
-	noAttributesText: "_noAttributesText_1lpn0_2",
-	fieldWrapper: "_fieldWrapper_1lpn0_6",
-	hasSuggestion: "_hasSuggestion_1lpn0_11",
-	hasConfidenceReview: "_hasConfidenceReview_1lpn0_16",
-	error: "_error_1lpn0_25",
-	dateField: "_dateField_1lpn0_44",
-	aiApproved: "_aiApproved_1lpn0_49",
-	comboboxContainer: "_comboboxContainer_1lpn0_49",
-	labelWrapper: "_labelWrapper_1lpn0_95",
-	labelText: "_labelText_1lpn0_101",
-	labelTruncated: "_labelTruncated_1lpn0_104",
-	labelIcon: "_labelIcon_1lpn0_111"
-}, d = /* @__PURE__ */ o(function({ fieldName: t, fieldDescription: o, isAiSuggestionApplied: d, as: f, confidenceScore: p, labelProps: m }) {
-	let { className: h, ...g } = m, _ = l(h || u.labelText, u.labelTruncated), v = !!p && e(p), y = () => p && v ? /* @__PURE__ */ s(i, {}) : d || p ? /* @__PURE__ */ s(r, {
-		className: u.labelIcon,
-		confidenceScore: p
-	}) : null;
-	return /* @__PURE__ */ c("div", {
-		className: u.labelWrapper,
-		children: [o ? /* @__PURE__ */ s(n, {
-			as: f,
-			className: _,
-			tooltipText: o,
-			...g,
-			children: t
-		}) : /* @__PURE__ */ a(f, {
-			className: _,
-			...g
-		}, t), y()]
+import { Tooltip as a, useForkRef as o, useIsEllipsized as s } from "@box/blueprint-web";
+import { createElement as c, memo as l, useRef as u } from "react";
+import { Focusable as d } from "@ariakit/react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import m from "clsx";
+import '../styles/utils.css';var h = {
+	noAttributesText: "_noAttributesText_19lyy_2",
+	fieldWrapper: "_fieldWrapper_19lyy_6",
+	hasSuggestion: "_hasSuggestion_19lyy_11",
+	hasConfidenceReview: "_hasConfidenceReview_19lyy_16",
+	error: "_error_19lyy_25",
+	dateField: "_dateField_19lyy_44",
+	aiApproved: "_aiApproved_19lyy_49",
+	comboboxContainer: "_comboboxContainer_19lyy_49",
+	labelWrapper: "_labelWrapper_19lyy_95",
+	labelText: "_labelText_19lyy_101",
+	labelTruncated: "_labelTruncated_19lyy_104",
+	labelIcon: "_labelIcon_19lyy_111",
+	labelTooltipStack: "_labelTooltipStack_19lyy_118"
+};
+function g({ as: e, fieldDescription: t, fieldName: r, labelClassName: i, labelRef: l, ...h }) {
+	let g = u(null), _ = o(g, l);
+	return /* @__PURE__ */ f(a, {
+		content: s(g) ? /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("div", { children: r }), /* @__PURE__ */ f("div", { children: t })] }) : t,
+		children: /* @__PURE__ */ f(d, { render: /* @__PURE__ */ c(e, {
+			className: m(i, n.interactiveTextHint),
+			...h,
+			ref: _
+		}, r) })
+	});
+}
+function _({ as: e, fieldName: t, labelClassName: n, labelRef: r, ...i }) {
+	let l = u(null), p = o(l, r), m = s(l) ? t : void 0, h = /* @__PURE__ */ c(e, {
+		className: n,
+		...i,
+		ref: p
+	}, t);
+	return m ? /* @__PURE__ */ f(a, {
+		content: m,
+		children: /* @__PURE__ */ f(d, { render: h })
+	}) : h;
+}
+var v = /* @__PURE__ */ l(function({ fieldName: t, fieldDescription: n, isAiSuggestionApplied: a, as: o, confidenceScore: s, labelProps: c }) {
+	let { className: l, ref: u, ...d } = c, v = m(l || h.labelText, h.labelTruncated), y = !!s && e(s), b = () => s && y ? /* @__PURE__ */ f(i, {}) : a || s ? /* @__PURE__ */ f(r, {
+		className: h.labelIcon,
+		confidenceScore: s
+	}) : null, x = n ? /* @__PURE__ */ f(g, {
+		as: o,
+		fieldDescription: n,
+		fieldName: t,
+		labelClassName: v,
+		labelRef: u,
+		...d
+	}) : /* @__PURE__ */ f(_, {
+		as: o,
+		fieldName: t,
+		labelClassName: v,
+		labelRef: u,
+		...d
+	});
+	return /* @__PURE__ */ p("div", {
+		className: h.labelWrapper,
+		children: [x, b()]
 	});
 }, (e, t) => {
 	let n = e.labelProps, r = t.labelProps;
 	return e.fieldName === t.fieldName && e.fieldDescription === t.fieldDescription && e.isAiSuggestionApplied === t.isAiSuggestionApplied && e.confidenceScore === t.confidenceScore && e.as === t.as && n.className === r.className && n.htmlFor === r.htmlFor && n.id === r.id;
-}), f = (e, t, n = !1, r = "label", i) => (a) => /* @__PURE__ */ s(d, {
+}), y = (e, t, n = !1, r = "label", i) => (a) => /* @__PURE__ */ f(v, {
 	as: r,
 	confidenceScore: i,
 	fieldDescription: t,
 	fieldName: e,
 	isAiSuggestionApplied: n,
 	labelProps: a
-}), p = (e) => {
+}), b = (e) => {
 	try {
 		let n = t(e), r = new Date(n);
 		return isNaN(r.getTime()) ? null : n;
@@ -55,4 +85,4 @@ import '../styles/utils.css';var u = {
 		return null;
 	}
 };
-export { p as n, u as r, f as t };
+export { b as n, h as r, y as t };

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/interactive-text/interactive-text.js

@@ -1,2 +1,18 @@
-import { t as e } from "../../../../chunks/interactive-text.js";
-export { e as default };
+import { t as e } from "../../../../chunks/interactive-text.module.js";
+import { Text as t, Tooltip as n } from "@box/blueprint-web";
+import { Focusable as r } from "@ariakit/react";
+import { jsx as i } from "react/jsx-runtime";
+import a from "clsx";
+var o = ({ tooltipText: o, className: s, children: c, ...l }) => {
+	let { as: u = "span" } = l;
+	return /* @__PURE__ */ i(n, {
+		content: o,
+		children: /* @__PURE__ */ i(r, { render: /* @__PURE__ */ i(t, {
+			as: u,
+			className: a(e.interactiveText, s),
+			...l,
+			children: c
+		}) })
+	});
+};
+export { o as default };

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

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