@box/metadata-editor 2.0.1 → 2.2.1

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

@@ -4,182 +4,186 @@ import { checkIfHasBoundingBoxes as n } from "../../utils/check-if-has-bounding-
 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 te } from "./components/low-confidence-suggestion-field/low-confidence-suggestion-field.js";
-import { t as o } from "../../../../chunks/update-mode-field-wrapper.js";
-import { r as s } from "../../../../chunks/utils.js";
-import { editorFieldTypes as c } from "./editor-field-types.js";
-import { useViewReferenceTooltip as ne } from "./hooks/use-view-reference-tooltip.js";
-import { Tooltip as l } from "@box/blueprint-web";
-import { forwardRef as u, memo as d, useCallback as f, useEffect as p, useMemo as re } from "react";
-import { useIntl as ie } from "react-intl";
-import { jsx as m, jsxs as ae } from "react/jsx-runtime";
-import h from "clsx";
-import { useFormikContext as g } from "formik";
-import oe from "lodash/isEqual";
-import se from "lodash/isUndefined";
-var _ = /* @__PURE__ */ d(/* @__PURE__ */ u(({ disableForm: u, portalElement: d, field: _, index: ce, taxonomyOptionsFetcher: v, isExternallyOwned: y, isMultilevelTaxonomyFieldEnabled: b, isConfidenceScoreReviewEnabled: x = !1, isBoundingBoxEnabled: S = !1, onSelectMetadataField: C, selectedMetadataFieldId: le }, w) => {
-	let { setFieldValue: T } = g(), { formatMessage: E } = ie(), D = _.aiSuggestionState || t.Initial, O = D === t.Pending, k = D === t.Applied, A = D === t.Initial, j = c[_.type], { aiSuggestion: M, aiSuggestionConfidenceScore: N, aiSuggestionTargetLocation: P, type: F, value: I } = _, L = j && !_.hidden, R = !se(_.updateMode), z = `metadata.fields[${ce}]`, B = _.type === "taxonomy" && _.optionsRules?.multiSelect, V = S || x, H = x && !!_.confidenceScore, U = H && r(_.confidenceScore), ue = H && !O && !r(_.confidenceScore), W = le === _.id, de = n(_.targetLocation), G = V && de && !!C, { isTooltipOpen: K, handleMouseOver: fe, handleMouseLeave: pe, handleFocus: me, handleBlur: he } = ne(G), ge = h({
-		[s.aiApproved]: k || ue || _.isExtracted,
+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 te } from "../../../../chunks/update-mode-field-wrapper.js";
+import { i as s } from "../../../../chunks/utils.js";
+import { editorFieldTypes as ne } from "./editor-field-types.js";
+import { useViewReferenceTooltip as re } from "./hooks/use-view-reference-tooltip.js";
+import { Tooltip as c } from "@box/blueprint-web";
+import { forwardRef as l, memo as u, useCallback as d, useEffect as f, useMemo as ie } from "react";
+import { useIntl as ae } from "react-intl";
+import { jsx as p, jsxs as oe } from "react/jsx-runtime";
+import m from "clsx";
+import { useFormikContext as h } from "formik";
+import se from "lodash/isEqual";
+import ce from "lodash/isUndefined";
+var g = /*#__PURE__*/ u(/*#__PURE__*/ l(({ disableForm: l, portalElement: u, field: g, index: le, taxonomyOptionsFetcher: _, isExternallyOwned: v, isMultilevelTaxonomyFieldEnabled: y, isTaxonomyPickerEnabled: b, createTaxonomyItemsService: x, isConfidenceScoreReviewEnabled: S = !1, isBoundingBoxEnabled: ue = !1, onSelectMetadataField: C, selectedMetadataFieldId: de }, w) => {
+	let { setFieldValue: T } = h(), { formatMessage: E } = ae(), D = g.aiSuggestionState || t.Initial, O = D === t.Pending, k = D === t.Applied, A = D === t.Initial, j = ne[g.type], { aiSuggestion: M, aiSuggestionConfidenceScore: N, aiSuggestionTargetLocation: P, type: F, value: I } = g, fe = j && !g.hidden, L = !ce(g.updateMode), R = `metadata.fields[${le}]`, z = g.type === "taxonomy" && g.optionsRules?.multiSelect, B = ue || S, V = S && !!g.confidenceScore, H = V && r(g.confidenceScore), pe = V && !O && !r(g.confidenceScore), U = de === g.id, me = n(g.targetLocation), W = B && me && !!C, { isTooltipOpen: G, handleMouseOver: he, handleMouseLeave: ge, handleFocus: _e, handleBlur: ve } = re(W), ye = m({
+		[s.aiApproved]: k || pe || g.isExtracted,
 		[s.hasSuggestion]: O,
-		[s.hasConfidenceReview]: !O && U,
+		[s.hasConfidenceReview]: !O && H,
 		[s.dateField]: F === "date"
-	}), q = f((e, t) => {
-		T(`${z}.${e}`, t);
-	}, [z, T]), J = f((e) => {
-		q("aiSuggestionState", e);
-	}, [q]), Y = f((e, n = !1) => {
-		q("value", e), J(t.Applied), q("isExtracted", !0), V && P && (q("targetLocation", P), q("aiSuggestionTargetLocation", void 0)), x && N && (q("confidenceScore", n ? {
+	}), K = d((e, t) => {
+		T(`${R}.${e}`, t);
+	}, [R, T]), q = d((e) => {
+		K("aiSuggestionState", e);
+	}, [K]), J = d((e, n = !1) => {
+		K("value", e), q(t.Applied), K("isExtracted", !0), B && P && (K("targetLocation", P), K("aiSuggestionTargetLocation", void 0)), S && N && (K("confidenceScore", n ? {
 			...N,
 			isAccepted: !0
-		} : N), q("aiSuggestionConfidenceScore", void 0));
+		} : N), K("aiSuggestionConfidenceScore", void 0));
 	}, [
+		K,
 		q,
-		J,
 		N,
 		P,
-		x,
-		V
-	]), X = f(() => {
-		J(t.Initial), q("aiSuggestion", void 0), V && q("aiSuggestionTargetLocation", void 0), x && q("aiSuggestionConfidenceScore", void 0);
+		S,
+		B
+	]), Y = d(() => {
+		q(t.Initial), K("aiSuggestion", void 0), B && K("aiSuggestionTargetLocation", void 0), S && K("aiSuggestionConfidenceScore", void 0);
 	}, [
-		J,
 		q,
-		x,
-		V
-	]), _e = f(() => {
-		_.confidenceScore && q("confidenceScore", {
-			..._.confidenceScore,
+		K,
+		S,
+		B
+	]), X = d(() => {
+		g.confidenceScore && K("confidenceScore", {
+			...g.confidenceScore,
 			isAccepted: !0
 		}), C?.(null);
 	}, [
-		q,
-		_.confidenceScore,
+		K,
+		g.confidenceScore,
 		C
-	]), ve = f(() => {
-		J(t.Initial), q("aiSuggestion", void 0), q("isExtracted", !1), q("value", F === "multiSelect" || F === "taxonomy" ? [] : ""), q("confidenceScore", void 0), q("targetLocation", void 0), C?.(null);
+	]), be = d(() => {
+		q(t.Initial), K("aiSuggestion", void 0), K("isExtracted", !1), K("value", F === "multiSelect" || F === "taxonomy" ? [] : ""), K("confidenceScore", void 0), K("targetLocation", void 0), C?.(null);
 	}, [
-		q,
+		K,
 		F,
 		C,
-		J
-	]), Z = f(() => {
-		X(), _.isExtracted && q("isExtracted", !1), V && _.targetLocation && (q("targetLocation", void 0), C?.(null)), x && _.confidenceScore && (q("confidenceScore", void 0), C?.(null));
+		q
+	]), Z = d(() => {
+		Y(), g.isExtracted && K("isExtracted", !1), B && g.targetLocation && (K("targetLocation", void 0), C?.(null)), S && g.confidenceScore && (K("confidenceScore", void 0), C?.(null));
 	}, [
-		X,
-		x,
-		_.confidenceScore,
-		_.isExtracted,
-		_.targetLocation,
-		q,
+		Y,
+		S,
+		g.confidenceScore,
+		g.isExtracted,
+		g.targetLocation,
+		K,
 		C,
-		V
-	]), ye = f((e) => {
-		C && (i(e.target) || C(_));
-	}, [_, C]), be = f((e) => {
+		B
+	]), xe = d((e) => {
+		C && (i(e.target) || C(g));
+	}, [g, C]), Se = d((e) => {
 		if (e.key === "Enter") {
 			if (!C || i(e.target)) return;
-			e.preventDefault(), e.stopPropagation(), C(_);
+			e.preventDefault(), e.stopPropagation(), C(g);
 		}
-	}, [_, C]);
-	p(() => {
-		O && (!I || Array.isArray(I) && I.length === 0) && Y(M);
+	}, [g, C]);
+	f(() => {
+		O && (!I || Array.isArray(I) && I.length === 0) && J(M);
 	}, [
 		M,
 		O,
-		Y
-	]), p(() => {
-		A && M && J(t.Pending);
+		J
+	]), f(() => {
+		A && M && q(t.Pending);
 	}, [
 		A,
 		M,
-		J
+		q
 	]);
-	let xe = re(() => M ? oe(I, M) : !1, [M, I]);
-	if (!L) return null;
+	let Ce = ie(() => M ? se(I, M) : !1, [M, I]);
+	if (!fe) return null;
 	let Q = {
 		"data-metadata-field": !0,
 		"data-target-id": "Button-metadataEditorFieldEditClick",
 		"data-testid": "metadata-field",
-		onClick: ye,
-		onKeyDown: be,
-		onMouseOver: fe,
-		onMouseLeave: pe,
-		onFocus: me,
-		onBlur: he,
+		onClick: xe,
+		onKeyDown: Se,
+		onMouseOver: he,
+		onMouseLeave: ge,
+		onFocus: _e,
+		onBlur: ve,
 		role: "button",
 		tabIndex: 0
 	};
-	if (R) {
-		let t = /* @__PURE__ */ m(o, {
-			fieldNamePrefix: z,
-			fieldType: _.type,
-			isTaxonomyMultiSelect: B,
-			children: /* @__PURE__ */ m(j, {
+	if (L) {
+		let t = /* @__PURE__ */ p(te, {
+			fieldNamePrefix: R,
+			fieldType: g.type,
+			isTaxonomyMultiSelect: z,
+			children: /* @__PURE__ */ p(j, {
 				ref: w,
-				description: _.description,
-				disableForm: u,
-				fieldNamePrefix: z,
+				description: g.description,
+				disableForm: l,
+				fieldNamePrefix: R,
 				isAiSuggestionApplied: !1,
-				isExternallyOwned: y,
-				isMultilevelTaxonomyFieldEnabled: b,
-				label: _.displayName,
-				levels: _.levels,
+				isExternallyOwned: v,
+				isMultilevelTaxonomyFieldEnabled: y,
+				isTaxonomyPickerEnabled: b,
+				createTaxonomyItemsService: x,
+				label: g.displayName,
+				levels: g.levels,
 				onValueEdited: Z,
-				portalElement: d,
-				taxonomyOptionsFetcher: v
+				portalElement: u,
+				taxonomyOptionsFetcher: _
 			})
-		}, _.key);
-		return G ? /* @__PURE__ */ m(l, {
+		}, g.key);
+		return W ? /* @__PURE__ */ p(c, {
 			content: E(e.viewOnDocument),
-			open: K,
-			children: /* @__PURE__ */ m("div", {
-				className: h(a.spacious, a.clickableField, W && a.selectedField),
+			open: G,
+			children: /* @__PURE__ */ p("div", {
+				className: m(a.spacious, a.clickableField, U && a.selectedField),
 				...Q,
 				children: t
 			})
 		}) : t;
 	}
-	let $ = /* @__PURE__ */ ae("div", {
-		className: h(s.fieldWrapper, V && a.spacious, G && a.clickableField, G && W && a.selectedField),
-		...G && Q,
+	let $ = /* @__PURE__ */ oe("div", {
+		className: m(s.fieldWrapper, B && a.spacious, W && a.clickableField, W && U && a.selectedField),
+		...W && Q,
 		children: [
-			/* @__PURE__ */ m(j, {
+			/* @__PURE__ */ p(j, {
 				ref: w,
-				className: ge,
-				description: _.description,
-				disableForm: u,
-				fieldNamePrefix: z,
-				isAiSuggestionApplied: k || _.isExtracted,
-				isExternallyOwned: y,
-				confidenceScore: x ? _.confidenceScore : void 0,
-				isMultilevelTaxonomyFieldEnabled: b,
-				label: _.displayName,
+				className: ye,
+				description: g.description,
+				disableForm: l,
+				fieldNamePrefix: R,
+				isAiSuggestionApplied: k || g.isExtracted,
+				isExternallyOwned: v,
+				confidenceScore: S ? g.confidenceScore : void 0,
+				isMultilevelTaxonomyFieldEnabled: y,
+				isTaxonomyPickerEnabled: b,
+				createTaxonomyItemsService: x,
+				label: g.displayName,
 				onValueEdited: Z,
-				portalElement: d,
-				taxonomyOptionsFetcher: v
+				portalElement: u,
+				taxonomyOptionsFetcher: _
 			}),
-			O && /* @__PURE__ */ m(ee, {
+			O && /* @__PURE__ */ p(o, {
 				aiSuggestion: M,
-				confidenceLevel: x ? N?.level : void 0,
-				isSameValue: xe,
+				confidenceLevel: S ? N?.level : void 0,
+				isSameValue: Ce,
 				onAiSuggestionAppend: () => {
-					Y([...new Set([I, M].flat().filter(Boolean))], !0);
+					J([...new Set([I, M].flat().filter(Boolean))], !0);
 				},
-				onAiSuggestionIgnore: X,
-				onAiSuggestionReplace: () => Y(M, !0),
+				onAiSuggestionIgnore: Y,
+				onAiSuggestionReplace: () => J(M, !0),
 				type: F
 			}),
-			!O && U && /* @__PURE__ */ m(te, {
-				onAccept: _e,
-				onClear: ve
+			!O && H && /* @__PURE__ */ p(ee, {
+				onAccept: X,
+				onClear: be
 			})
 		]
-	}, _.key);
-	return G ? /* @__PURE__ */ m(l, {
+	}, g.key);
+	return W ? /* @__PURE__ */ p(c, {
 		content: E(e.viewOnDocument),
-		open: K,
+		open: G,
 		children: $
 	}) : $;
 }));
-export { _ as MetadataEditorFieldWrapper };
+export { g as MetadataEditorFieldWrapper };

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

@@ -1,5 +1,5 @@
 import e from "../../messages.js";
-import { r as t } from "../../../../chunks/utils.js";
+import { i as t } from "../../../../chunks/utils.js";
 import { MetadataEditorFieldWrapper as n } from "./metadata-editor-field-wrapper.js";
 import { useReviewFieldFilter as r } from "./hooks/use-review-field-filter.js";
 import { Text as i } from "@box/blueprint-web";

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

@@ -1,2 +1,2 @@
-import { n as e, t } from "../../../../chunks/utils.js";
-export { t as getFieldLabel, e as tryParseDateSuggestion };
+import { n as e, r as t, t as n } from "../../../../chunks/utils.js";
+export { n as getFieldLabel, e as getFieldLabelContent, t as tryParseDateSuggestion };

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

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

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

@@ -1,7 +1,7 @@
 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 }) => {
+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,

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

@@ -1,7 +1,7 @@
 import "../constants.js";
 import e, { createContext as t, useCallback as n, useContext as r, useMemo as i, useState as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
-var s = 1e4, c = /* @__PURE__ */ t(null), l = ({ children: t, isAiSuggestionsFeatureEnabled: r, fetchSuggestions: l }) => {
+var s = 1e4, c = /*#__PURE__*/ t(null), l = ({ children: t, isAiSuggestionsFeatureEnabled: r, fetchSuggestions: l }) => {
 	let [u, d] = a({}), [f, p] = a({}), [m, h] = a({}), [g, _] = a(!1), [v, y] = a(!1);
 	e.useEffect(() => {
 		let e;

package/dist/esm/lib/utils/convertDate.js

@@ -1,5 +1,5 @@
 import { parseDate as e } from "@box/blueprint-web";
-var t = 60 * 1e3, n = RegExp("^(\\d{4}-\\d{2}-\\d{2})(T\\d{2}:\\d{2}:\\d{2}(\\.\\d{1,3})?)?((Z$)|(?:[+-](?:([0-2]\\d$)|([0-2]\\d(?:00|30)$)|([0-2]\\d:(?:00|30)$))))?$"), r = 1, i = 2, a = 3, o = 4, s = 5, c = 6, l = 7, u = 8;
+var t = 60 * 1e3, n = /* @__PURE__ */ RegExp("^(\\d{4}-\\d{2}-\\d{2})(T\\d{2}:\\d{2}:\\d{2}(\\.\\d{1,3})?)?((Z$)|(?:[+-](?:([0-2]\\d$)|([0-2]\\d(?:00|30)$)|([0-2]\\d:(?:00|30)$))))?$"), r = 1, i = 2, a = 3, o = 4, s = 5, c = 6, l = 7, u = 8;
 function d(e) {
 	if (!n.test(e)) return e;
 	let t = e.split(n), d = t[r], f = t[i], p = t[a], m = t[o], h = d;

package/dist/types/index.d.ts

@@ -12,3 +12,4 @@ export * from './lib/metadata-editor';
 export * from './lib/types';
 export * from './lib/utils/api-wrapper';
 export * from './lib/utils/autofill-context';
+export type { FetchParams, FetchResponse, SearchParams, TaxonomyAncestor, TaxonomyItemsService, TaxonomyNode, TaxonomySearchResult, } from '@box/metadata-taxonomy-picker';

package/dist/types/lib/components/metadata-editor-fields/components/metadata-taxonomy-field/legacy-metadata-taxonomy-field.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Legacy taxonomy field backed by `@box/combobox-with-api`
+ * (`ComboboxWithApiTreeView` for multilevel, `ComboboxWithApiPagination` otherwise).
+ * Retained for consumers that have not migrated to the new `MetadataTaxonomyPicker`
+ * experience; slated for removal once the picker is fully rolled out.
+ */
+export declare const LegacyMetadataTaxonomyField: import('react').ForwardRefExoticComponent<Omit<import('../../types').MetadataFieldProps, "portalElement"> & {
+    portalElement?: HTMLElement | (() => HTMLElement);
+} & import('react').RefAttributes<HTMLInputElement>>;

package/dist/types/lib/components/metadata-editor-fields/components/metadata-taxonomy-field/metadata-taxonomy-field.d.ts

@@ -1,3 +1,10 @@
+/**
+ * Dispatches between the two taxonomy experiences: the new `MetadataTaxonomyPicker`
+ * (when `isTaxonomyPickerEnabled` is set and a `createTaxonomyItemsService` factory is
+ * provided) and the legacy `@box/combobox-with-api` field otherwise. This branch is the
+ * single migration boundary; remove the legacy field and this dispatcher's fallback once
+ * the picker is fully rolled out.
+ */
 export declare const MetadataTaxonomyField: import('react').ForwardRefExoticComponent<Omit<import('../../types').MetadataFieldProps, "portalElement"> & {
     portalElement?: HTMLElement | (() => HTMLElement);
 } & import('react').RefAttributes<HTMLInputElement>>;

package/dist/types/lib/components/metadata-editor-fields/components/metadata-taxonomy-field/metadata-taxonomy-picker-field/metadata-taxonomy-picker-field.d.ts

@@ -0,0 +1,15 @@
+import { CreateTaxonomyItemsService, MetadataTaxonomyFieldProps } from '../types';
+export type MetadataTaxonomyPickerFieldProps = MetadataTaxonomyFieldProps & {
+    createTaxonomyItemsService: CreateTaxonomyItemsService;
+};
+/**
+ * New taxonomy field backed by `@box/metadata-taxonomy-picker`. Adapts the per-field
+ * `createTaxonomyItemsService` factory, the canonical Formik `TreeOptionType[]` value,
+ * and the field's level config to the picker's API. Selected via the
+ * `isTaxonomyPickerEnabled` flag in `MetadataTaxonomyField`.
+ */
+export declare const MetadataTaxonomyPickerField: import('react').ForwardRefExoticComponent<Omit<import('../../../types').MetadataFieldProps, "portalElement"> & {
+    portalElement?: HTMLElement | (() => HTMLElement);
+} & {
+    createTaxonomyItemsService: CreateTaxonomyItemsService;
+} & import('react').RefAttributes<HTMLInputElement>>;

package/dist/types/lib/components/metadata-editor-fields/components/metadata-taxonomy-field/metadata-taxonomy-picker-field/value-mapping.d.ts

@@ -0,0 +1,28 @@
+import { Level, TreeOptionType } from '@box/combobox-with-api';
+import { TaxonomyLevel, TaxonomyValue, TaxonomyPickerMode } from '@box/metadata-taxonomy-picker';
+/**
+ * Maps the Formik-stored taxonomy value (`TreeOptionType[]`, the canonical shape kept
+ * for submit serialization and read-mode display) to the picker's `TaxonomyValue[]`.
+ *
+ * Non-array inputs (e.g. an empty `''` value) map to `[]`. The bulk-update "Multiple
+ * values" sentinel is rendered with its localized label, mirroring the legacy field.
+ */
+export declare function mapFormValueToTaxonomyValues(value: unknown, multipleValuesLabel: string): TaxonomyValue[];
+/**
+ * Maps the picker's `TaxonomyValue[]` back to the canonical Formik `TreeOptionType[]`.
+ * `selectable` is synthesized as `true` (a selected item is selectable by definition,
+ * and this field is only consumed by submit's `.value` and re-display).
+ */
+export declare function mapTaxonomyValuesToFormValue(values: TaxonomyValue[]): TreeOptionType[];
+/**
+ * Derives the picker mode from the number of user-selectable levels: more than one
+ * selectable level is a multi-level taxonomy; a single selectable level (flat or a
+ * single deep level) is single-level.
+ */
+export declare function getTaxonomyPickerMode(selectableLevels: number[] | undefined): TaxonomyPickerMode;
+/**
+ * Maps the field's taxonomy `levels` to the picker's `TaxonomyLevel[]`, marking each
+ * level selectable based on `selectableLevels`. Drives the picker's chevron cutoff and
+ * search scope in single-level mode and the level-filter dropdown in multi-level mode.
+ */
+export declare function mapLevelsToTaxonomyLevels(levels: Level[] | undefined, selectableLevels: number[] | undefined): TaxonomyLevel[];