@box/metadata-editor 2.3.9 → 2.3.11

package/dist/esm/lib/components/metadata-editor-fields/components/ai-suggestion-field/messages.js

@@ -1,52 +1 @@
-import { defineMessages as e } from "react-intl";
-var t = e({
-	aiSuggestionCaption: {
-		id: "metadataEditor.aiSuggestionField.aiSuggestionCaption",
-		defaultMessage: "Box AI suggestion:"
-	},
-	sameValueAiSuggestionCaption: {
-		id: "metadataEditor.aiSuggestionField.sameValueAiSuggestionCaption",
-		defaultMessage: "Box AI suggests the same value as above"
-	},
-	sameValueAiSuggestionCaptionWithLevel: {
-		id: "metadataEditor.aiSuggestionField.sameValueAiSuggestionCaptionWithLevel",
-		defaultMessage: "Box AI suggests the same value as above ({level} confidence)"
-	},
-	aiSuggestionOptions: {
-		id: "metadataEditor.aiSuggestionField.aiSuggestionOptions",
-		defaultMessage: "Options"
-	},
-	aiSuggestionAppend: {
-		id: "metadataEditor.aiSuggestionField.appendLabel",
-		defaultMessage: "Append"
-	},
-	aiSuggestionClearAndReplace: {
-		id: "metadataEditor.aiSuggestionField.clearAndReplaceLabel",
-		defaultMessage: "Clear and Replace"
-	},
-	aiSuggestionIgnore: {
-		id: "metadataEditor.aiSuggestionField.ignoreLabel",
-		defaultMessage: "Ignore"
-	},
-	aiSuggestionCaptionWithLevel: {
-		id: "metadataEditor.aiSuggestionField.aiSuggestionCaptionWithLevel",
-		defaultMessage: "Box AI suggestion ({level} confidence)"
-	},
-	confidenceLevelHigh: {
-		id: "metadataEditor.aiSuggestionField.confidenceLevelHigh",
-		defaultMessage: "High"
-	},
-	confidenceLevelLow: {
-		id: "metadataEditor.aiSuggestionField.confidenceLevelLow",
-		defaultMessage: "Low"
-	},
-	aiSuggestionConfirm: {
-		id: "metadataEditor.aiSuggestionField.dismissLabel",
-		defaultMessage: "Confirm"
-	},
-	aiSuggestionAccept: {
-		id: "metadataEditor.aiSuggestionField.acceptLabel",
-		defaultMessage: "Accept suggestion"
-	}
-});
-export { t as default };
+import{defineMessages}from"react-intl";var messages_default=defineMessages({aiSuggestionCaption:{id:`metadataEditor.aiSuggestionField.aiSuggestionCaption`,defaultMessage:`Box AI suggestion:`},sameValueAiSuggestionCaption:{id:`metadataEditor.aiSuggestionField.sameValueAiSuggestionCaption`,defaultMessage:`Box AI suggests the same value as above`},sameValueAiSuggestionCaptionWithLevel:{id:`metadataEditor.aiSuggestionField.sameValueAiSuggestionCaptionWithLevel`,defaultMessage:`Box AI suggests the same value as above ({level} confidence)`},aiSuggestionOptions:{id:`metadataEditor.aiSuggestionField.aiSuggestionOptions`,defaultMessage:`Options`},aiSuggestionAppend:{id:`metadataEditor.aiSuggestionField.appendLabel`,defaultMessage:`Append`},aiSuggestionClearAndReplace:{id:`metadataEditor.aiSuggestionField.clearAndReplaceLabel`,defaultMessage:`Clear and Replace`},aiSuggestionIgnore:{id:`metadataEditor.aiSuggestionField.ignoreLabel`,defaultMessage:`Ignore`},aiSuggestionCaptionWithLevel:{id:`metadataEditor.aiSuggestionField.aiSuggestionCaptionWithLevel`,defaultMessage:`Box AI suggestion ({level} confidence)`},confidenceLevelHigh:{id:`metadataEditor.aiSuggestionField.confidenceLevelHigh`,defaultMessage:`High`},confidenceLevelLow:{id:`metadataEditor.aiSuggestionField.confidenceLevelLow`,defaultMessage:`Low`},aiSuggestionConfirm:{id:`metadataEditor.aiSuggestionField.dismissLabel`,defaultMessage:`Confirm`},aiSuggestionAccept:{id:`metadataEditor.aiSuggestionField.acceptLabel`,defaultMessage:`Accept suggestion`}});export{messages_default as default};

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

@@ -1,13 +1 @@
-import { convertIsoStringToCalendarDate as e } from "../../../../utils/convertDate.js";
-import { DateFormatter as t, getLocalTimeZone as n } from "@box/blueprint-web";
-function r(r, { type: i = "string", locale: a = "en" } = {}) {
-	if (i === "date" && typeof r == "string") {
-		let i = !isNaN(new Date(r).getTime()), o = e(r);
-		if (o && i) {
-			let e = o.toDate(n());
-			return new t(a).format(e);
-		}
-	}
-	return i === "taxonomy" ? Array.isArray(r) && r.length > 0 ? r.map((e) => e.displayValue).join(", ") : r.toString() : r == null ? null : typeof r == "number" ? r.toString() : Array.isArray(r) ? r.join(", ") : r;
-}
-export { r as formatSuggestionValue };
+import{convertIsoStringToCalendarDate}from"../../../../utils/convertDate.js";import{DateFormatter,getLocalTimeZone}from"@box/blueprint-web";function formatSuggestionValue(value,{type=`string`,locale=`en`}={}){if(type===`date`&&typeof value==`string`){let isValidDate=!isNaN(new Date(value).getTime()),calendarDate=convertIsoStringToCalendarDate(value);if(calendarDate&&isValidDate){let dateValue=calendarDate.toDate(getLocalTimeZone());return new DateFormatter(locale).format(dateValue)}}return type===`taxonomy`?Array.isArray(value)&&value.length>0?value.map(item=>item.displayValue).join(`, `):value.toString():value==null?null:typeof value==`number`?value.toString():Array.isArray(value)?value.join(`, `):value}export{formatSuggestionValue};

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

@@ -1,2 +1 @@
-var e = { maxLength: 255 };
-export { e as fieldDefaultProps };
+var fieldDefaultProps={maxLength:255};export{fieldDefaultProps};

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

@@ -1,2 +1 @@
-import { LowConfidenceBadge as e } from "./low-confidence-badge.js";
-export { e as LowConfidenceBadge };
+import{LowConfidenceBadge}from"./low-confidence-badge.js";export{LowConfidenceBadge};

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

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

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

@@ -1,2 +1 @@
-import { LowConfidenceSuggestionField as e } from "./low-confidence-suggestion-field.js";
-export { e as LowConfidenceSuggestionField };
+import{LowConfidenceSuggestionField}from"./low-confidence-suggestion-field.js";export{LowConfidenceSuggestionField};

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

@@ -1,68 +1 @@
-import { t as e } from "../../../../../../chunks/field-action-bar.module.js";
-import t from "./messages.js";
-import { useEffect as n, useRef as r, useState as i } from "react";
-import { useIntl as a } from "react-intl";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { IconButton as c, LoadingIndicator as l, Text as u, Tooltip as d, useBlueprintModernization as f } from "@box/blueprint-web";
-import { Checkmark as p, XMark as m } from "@box/blueprint-web-assets/icons/Medium";
-var h = 800;
-function g({ onAccept: g, onClear: _ }) {
-	let v = a(), { enableModernizedComponents: y } = f(), [b, x] = i(!1), S = r(void 0);
-	n(() => () => clearTimeout(S.current), []);
-	let C = (e) => {
-		clearTimeout(S.current), x(!0);
-		try {
-			e();
-		} finally {
-			S.current = setTimeout(() => {
-				x(!1);
-			}, h);
-		}
-	};
-	return /* @__PURE__ */ o("div", {
-		className: e.wrapperGradient,
-		"data-modern": y,
-		children: /* @__PURE__ */ s("div", {
-			className: e.wrapper,
-			children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o(u, {
-				as: "p",
-				color: "textOnLightSecondary",
-				variant: "caption",
-				children: v.formatMessage(t.needsReview)
-			}), /* @__PURE__ */ o(u, {
-				as: "p",
-				color: "textOnLightDefault",
-				variant: "bodySmallSemibold",
-				children: v.formatMessage(t.description)
-			})] }), b ? /* @__PURE__ */ o("div", {
-				className: e.loader,
-				children: /* @__PURE__ */ o(l, {
-					"aria-label": v.formatMessage(t.reviewActionLoadingAriaLabel),
-					size: "small"
-				})
-			}) : /* @__PURE__ */ s("div", {
-				className: e.buttons,
-				children: [/* @__PURE__ */ o(d, {
-					content: v.formatMessage(t.acceptValueTooltip),
-					children: /* @__PURE__ */ o(c, {
-						"aria-label": v.formatMessage(t.acceptValueAriaLabel),
-						"data-target-id": "IconButton-metadataEditorLowConfAccept",
-						icon: p,
-						onClick: () => C(g),
-						size: "x-small"
-					})
-				}), /* @__PURE__ */ o(d, {
-					content: v.formatMessage(t.clearValueTooltip),
-					children: /* @__PURE__ */ o(c, {
-						"aria-label": v.formatMessage(t.clearValueAriaLabel),
-						"data-target-id": "IconButton-metadataEditorLowConfClear",
-						icon: m,
-						onClick: () => C(_),
-						size: "x-small"
-					})
-				})]
-			})]
-		})
-	});
-}
-export { g as LowConfidenceSuggestionField };
+import{t as field_action_bar_module_default}from"../../../../../../chunks/field-action-bar.module.js";import messages_default from"./messages.js";import{useEffect,useRef,useState}from"react";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{IconButton,LoadingIndicator,Text,Tooltip,useBlueprintModernization}from"@box/blueprint-web";import{Checkmark,XMark}from"@box/blueprint-web-assets/icons/Medium";var REVIEW_ACTION_DELAY_MS=800;function LowConfidenceSuggestionField({onAccept,onClear}){let intl=useIntl(),{enableModernizedComponents}=useBlueprintModernization(),[isLoading,setIsLoading]=useState(!1),timerRef=useRef(void 0);useEffect(()=>()=>clearTimeout(timerRef.current),[]);let withLoader=action=>{clearTimeout(timerRef.current),setIsLoading(!0);try{action()}finally{timerRef.current=setTimeout(()=>{setIsLoading(!1)},REVIEW_ACTION_DELAY_MS)}};return jsx(`div`,{className:field_action_bar_module_default.wrapperGradient,"data-modern":enableModernizedComponents,children:jsxs(`div`,{className:field_action_bar_module_default.wrapper,children:[jsxs(`div`,{children:[jsx(Text,{as:`p`,color:`textOnLightSecondary`,variant:`caption`,children:intl.formatMessage(messages_default.needsReview)}),jsx(Text,{as:`p`,color:`textOnLightDefault`,variant:`bodySmallSemibold`,children:intl.formatMessage(messages_default.description)})]}),isLoading?jsx(`div`,{className:field_action_bar_module_default.loader,children:jsx(LoadingIndicator,{"aria-label":intl.formatMessage(messages_default.reviewActionLoadingAriaLabel),size:`small`})}):jsxs(`div`,{className:field_action_bar_module_default.buttons,children:[jsx(Tooltip,{content:intl.formatMessage(messages_default.acceptValueTooltip),children:jsx(IconButton,{"aria-label":intl.formatMessage(messages_default.acceptValueAriaLabel),"data-target-id":`IconButton-metadataEditorLowConfAccept`,icon:Checkmark,onClick:()=>withLoader(onAccept),size:`x-small`})}),jsx(Tooltip,{content:intl.formatMessage(messages_default.clearValueTooltip),children:jsx(IconButton,{"aria-label":intl.formatMessage(messages_default.clearValueAriaLabel),"data-target-id":`IconButton-metadataEditorLowConfClear`,icon:XMark,onClick:()=>withLoader(onClear),size:`x-small`})})]})]})})}export{LowConfidenceSuggestionField};

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

@@ -1,32 +1 @@
-import { defineMessages as e } from "react-intl";
-var t = e({
-	needsReview: {
-		id: "metadataEditor.lowConfidenceSuggestionField.needsReview",
-		defaultMessage: "Needs review"
-	},
-	description: {
-		id: "metadataEditor.lowConfidenceSuggestionField.description",
-		defaultMessage: "Box AI returned low confidence"
-	},
-	acceptValueTooltip: {
-		id: "metadataEditor.lowConfidenceSuggestionField.acceptValueTooltip",
-		defaultMessage: "Accept Value"
-	},
-	clearValueTooltip: {
-		id: "metadataEditor.lowConfidenceSuggestionField.clearValueTooltip",
-		defaultMessage: "Clear Value"
-	},
-	acceptValueAriaLabel: {
-		id: "metadataEditor.lowConfidenceSuggestionField.acceptValueAriaLabel",
-		defaultMessage: "Accept extracted value"
-	},
-	clearValueAriaLabel: {
-		id: "metadataEditor.lowConfidenceSuggestionField.clearValueAriaLabel",
-		defaultMessage: "Clear extracted value"
-	},
-	reviewActionLoadingAriaLabel: {
-		id: "metadataEditor.lowConfidenceSuggestionField.reviewActionLoadingAriaLabel",
-		defaultMessage: "Processing review action"
-	}
-});
-export { t as default };
+import{defineMessages}from"react-intl";var messages_default=defineMessages({needsReview:{id:`metadataEditor.lowConfidenceSuggestionField.needsReview`,defaultMessage:`Needs review`},description:{id:`metadataEditor.lowConfidenceSuggestionField.description`,defaultMessage:`Box AI returned low confidence`},acceptValueTooltip:{id:`metadataEditor.lowConfidenceSuggestionField.acceptValueTooltip`,defaultMessage:`Accept Value`},clearValueTooltip:{id:`metadataEditor.lowConfidenceSuggestionField.clearValueTooltip`,defaultMessage:`Clear Value`},acceptValueAriaLabel:{id:`metadataEditor.lowConfidenceSuggestionField.acceptValueAriaLabel`,defaultMessage:`Accept extracted value`},clearValueAriaLabel:{id:`metadataEditor.lowConfidenceSuggestionField.clearValueAriaLabel`,defaultMessage:`Clear extracted value`},reviewActionLoadingAriaLabel:{id:`metadataEditor.lowConfidenceSuggestionField.reviewActionLoadingAriaLabel`,defaultMessage:`Processing review action`}});export{messages_default as default};

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

@@ -1,44 +1 @@
-import e from "../../../../messages.js";
-import { convertCalendarDateToISOString as t, convertIsoStringToCalendarDate as n } from "../../../../utils/convertDate.js";
-import { useMemoizedFieldLabel as r } from "../../hooks/use-memoized-field-label.js";
-import { forwardRef as i, memo as a, useCallback as o, useMemo as s } from "react";
-import { useIntl as c } from "react-intl";
-import { jsx as l } from "react/jsx-runtime";
-import { DateI18nProvider as u, DatePicker as d } from "@box/blueprint-web";
-import { getIn as f, useFormikContext as p } from "formik";
-var m = /*#__PURE__*/ a(d), h = /*#__PURE__*/ i(({ className: i, description: a, isAiSuggestionApplied: d, confidenceScore: h, disableForm: g, fieldNamePrefix: _, label: v, onValueEdited: y, portalElement: b, updateModePrefix: x }, S) => {
-	let C = `${x ?? _}.value`, w = c(), { values: T, errors: E, touched: D, setFieldTouched: O, setFieldValue: k } = p(), A = f(T, C), j = s(() => n(A), [A]), M = f(D, C) ? f(E, C) : void 0, N = r(v, a, d, "span", h), P = o((e) => {
-		k(C, t(e)), y();
-	}, [
-		C,
-		k,
-		y
-	]), F = o(() => {
-		O(C, !0);
-	}, [C, O]);
-	return /* @__PURE__ */ l("div", {
-		"data-testid": `${v}-field`,
-		children: /* @__PURE__ */ l(u, {
-			locale: w.locale,
-			children: /* @__PURE__ */ l(m, {
-				calendarAriaLabel: w.formatMessage(e.selectDate),
-				clearDatePickerAriaLabel: w.formatMessage(e.clearSelectedDate),
-				nextMonthAriaLabel: w.formatMessage(e.switchToNextMonth),
-				openCalendarDropdownAriaLabel: w.formatMessage(e.openCalendar),
-				previousMonthAriaLabel: w.formatMessage(e.switchToPreviousMonth),
-				ref: S,
-				className: i,
-				dataTargetId: "DatePicker-MetadataEditorDateField",
-				error: M,
-				isDisabled: g,
-				label: N,
-				name: C,
-				onBlur: F,
-				onChange: P,
-				portalElement: b,
-				value: j
-			})
-		})
-	});
-});
-export { h as MetadataDateField, h as default };
+import messages from"../../../../messages.js";import{convertCalendarDateToISOString,convertIsoStringToCalendarDate}from"../../../../utils/convertDate.js";import{useMemoizedFieldLabel}from"../../hooks/use-memoized-field-label.js";import{forwardRef,memo,useCallback,useMemo}from"react";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";import{DateI18nProvider,DatePicker}from"@box/blueprint-web";import{getIn,useFormikContext}from"formik";var MemoizedDatePicker=memo(DatePicker),MetadataDateField=forwardRef(({className,description,isAiSuggestionApplied,confidenceScore,disableForm,fieldNamePrefix,label,onValueEdited,portalElement,updateModePrefix},forwardedRef)=>{let fieldName=`${updateModePrefix??fieldNamePrefix}.value`,intl=useIntl(),{values,errors,touched,setFieldTouched,setFieldValue}=useFormikContext(),formikValue=getIn(values,fieldName),fieldDatePickerValue=useMemo(()=>convertIsoStringToCalendarDate(formikValue),[formikValue]),fieldError=getIn(touched,fieldName)?getIn(errors,fieldName):void 0,fieldLabel=useMemoizedFieldLabel(label,description,isAiSuggestionApplied,`span`,confidenceScore),handleOnChange=useCallback(datePickerValue=>{setFieldValue(fieldName,convertCalendarDateToISOString(datePickerValue)),onValueEdited()},[fieldName,setFieldValue,onValueEdited]),handleOnBlur=useCallback(()=>{setFieldTouched(fieldName,!0)},[fieldName,setFieldTouched]);return jsx(`div`,{"data-testid":`${label}-field`,children:jsx(DateI18nProvider,{locale:intl.locale,children:jsx(MemoizedDatePicker,{calendarAriaLabel:intl.formatMessage(messages.selectDate),clearDatePickerAriaLabel:intl.formatMessage(messages.clearSelectedDate),nextMonthAriaLabel:intl.formatMessage(messages.switchToNextMonth),openCalendarDropdownAriaLabel:intl.formatMessage(messages.openCalendar),previousMonthAriaLabel:intl.formatMessage(messages.switchToPreviousMonth),ref:forwardedRef,className,dataTargetId:`DatePicker-MetadataEditorDateField`,error:fieldError,isDisabled:disableForm,label:fieldLabel,name:fieldName,onBlur:handleOnBlur,onChange:handleOnChange,portalElement,value:fieldDatePickerValue})})})});export{MetadataDateField,MetadataDateField as default};

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

@@ -1,48 +1 @@
-import e from "../../../../messages.js";
-import "../update-mode-field-wrapper/mulitple-values-utils.js";
-import { messages as t } from "../update-mode-field-wrapper/messages.js";
-import { useMemoizedFieldLabel as n } from "../../hooks/use-memoized-field-label.js";
-import { forwardRef as r } from "react";
-import { FormattedMessage as i, useIntl as a } from "react-intl";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { SELECT_EMPTY_VALUE as c, Select as l } from "@box/blueprint-web";
-import { Field as u, getIn as d, useFormikContext as f } from "formik";
-var p = /*#__PURE__*/ r(({ className: r, isAiSuggestionApplied: p, confidenceScore: m, description: h, disableForm: g, fieldNamePrefix: _, updateModePrefix: v, label: y, onValueEdited: b, options: x, portalElement: S }, C) => {
-	let { setFieldValue: w, values: T } = f(), { formatMessage: E } = a(), D = `${v ?? _}.value`, O = E(t.multipleValues), k = (x || d(T, `${_}.options`, [])).map((e) => typeof e == "string" ? e : e.key), A = E(e.selectValuePlaceholder), j = n(y, h, p, "label", m), M = (e) => e === "Multiple values" ? O : e;
-	return /* @__PURE__ */ o("div", {
-		"data-testid": `${y}-field`,
-		children: /* @__PURE__ */ o(u, {
-			name: D,
-			children: ({ field: t }) => /* @__PURE__ */ o(l, {
-				ref: C,
-				className: r,
-				"data-target-id": "Select-MetadataEditorEnumField",
-				disabled: g,
-				label: j,
-				onValueChange: (e) => {
-					w(D, e === c ? "" : e), b();
-				},
-				placeholder: A,
-				...t,
-				value: t.value === c ? "" : t.value,
-				children: /* @__PURE__ */ s(l.Content, {
-					container: S,
-					onEscapeKeyDown: (e) => e.stopPropagation(),
-					children: [/* @__PURE__ */ o(l.Option, {
-						text: A,
-						value: c,
-						children: /* @__PURE__ */ o(i, { ...e.selectValuePlaceholder })
-					}), k?.map((e) => {
-						let t = M(e);
-						return /* @__PURE__ */ o(l.Option, {
-							text: t,
-							value: e,
-							children: t
-						}, e);
-					})]
-				})
-			})
-		})
-	});
-});
-export { p as MetadataEnumField, p as default };
+import messages from"../../../../messages.js";import"../update-mode-field-wrapper/mulitple-values-utils.js";import{messages as messages$1}from"../update-mode-field-wrapper/messages.js";import{useMemoizedFieldLabel}from"../../hooks/use-memoized-field-label.js";import{forwardRef}from"react";import{FormattedMessage,useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{SELECT_EMPTY_VALUE,Select}from"@box/blueprint-web";import{Field,getIn,useFormikContext}from"formik";var MetadataEnumField=forwardRef(({className,isAiSuggestionApplied,confidenceScore,description,disableForm,fieldNamePrefix,updateModePrefix,label,onValueEdited,options,portalElement},forwardedRef)=>{let{setFieldValue,values}=useFormikContext(),{formatMessage}=useIntl(),fieldName=`${updateModePrefix??fieldNamePrefix}.value`,multipleValuesLabel=formatMessage(messages$1.multipleValues),fieldOptions=(options||getIn(values,`${fieldNamePrefix}.options`,[])).map(option=>typeof option==`string`?option:option.key),defaultMessage=formatMessage(messages.selectValuePlaceholder),fieldLabel=useMemoizedFieldLabel(label,description,isAiSuggestionApplied,`label`,confidenceScore),getOptionLabel=option=>option===`Multiple values`?multipleValuesLabel:option;return jsx(`div`,{"data-testid":`${label}-field`,children:jsx(Field,{name:fieldName,children:({field})=>jsx(Select,{ref:forwardedRef,className,"data-target-id":`Select-MetadataEditorEnumField`,disabled:disableForm,label:fieldLabel,onValueChange:key=>{setFieldValue(fieldName,key===SELECT_EMPTY_VALUE?``:key),onValueEdited()},placeholder:defaultMessage,...field,value:field.value===SELECT_EMPTY_VALUE?``:field.value,children:jsxs(Select.Content,{container:portalElement,onEscapeKeyDown:e=>e.stopPropagation(),children:[jsx(Select.Option,{text:defaultMessage,value:SELECT_EMPTY_VALUE,children:jsx(FormattedMessage,{...messages.selectValuePlaceholder})}),fieldOptions?.map(option=>{let optionLabel=getOptionLabel(option);return jsx(Select.Option,{text:optionLabel,value:option,children:optionLabel},option)})]})})})})});export{MetadataEnumField,MetadataEnumField as default};

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

@@ -1,34 +1 @@
-import { useMemoizedFieldLabel as e } from "../../hooks/use-memoized-field-label.js";
-import { useFloatValidation as t } from "./use-float-validation.js";
-import { forwardRef as n, useRef as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
-import { TextInput as a } from "@box/blueprint-web";
-import { Field as o, getIn as s, useFormikContext as c } from "formik";
-var l = /*#__PURE__*/ n(({ className: n, description: l, isAiSuggestionApplied: u, confidenceScore: d, label: f, fieldNamePrefix: p, disableForm: m, onValueEdited: h, updateModePrefix: g }, _) => {
-	let { values: v, setFieldValue: y, setFieldTouched: b } = c(), x = `${g ?? p}.value`, S = r(s(v, x)), { validateFloats: C } = t(), w = e(f, l, u, "label", d), T = (e) => {
-		S.current = e, y(x, e), h();
-	}, E = (e) => {
-		b(e, !0);
-	};
-	return /* @__PURE__ */ i("div", {
-		"data-testid": `${f}-field`,
-		children: /* @__PURE__ */ i(o, {
-			name: `${x}`,
-			validate: () => C(S.current),
-			children: ({ field: e, meta: t }) => /* @__PURE__ */ i(a, {
-				...e,
-				ref: _,
-				className: n,
-				"data-target-id": "TextInput-MetadataEditorFloatField",
-				disabled: m,
-				error: t.error,
-				inputMode: "decimal",
-				label: w,
-				onBlur: () => E(x),
-				onChange: (e) => T(e.currentTarget.value),
-				placeholder: "0"
-			})
-		})
-	});
-});
-export { l as MetadataFloatField, l as default };
+import{useMemoizedFieldLabel}from"../../hooks/use-memoized-field-label.js";import{useFloatValidation}from"./use-float-validation.js";import{forwardRef,useRef}from"react";import{jsx}from"react/jsx-runtime";import{TextInput}from"@box/blueprint-web";import{Field,getIn,useFormikContext}from"formik";var MetadataFloatField=forwardRef(({className,description,isAiSuggestionApplied,confidenceScore,label,fieldNamePrefix,disableForm,onValueEdited,updateModePrefix},forwardedRef)=>{let{values,setFieldValue,setFieldTouched}=useFormikContext(),fieldName=`${updateModePrefix??fieldNamePrefix}.value`,validationRef=useRef(getIn(values,fieldName)),{validateFloats}=useFloatValidation(),fieldLabel=useMemoizedFieldLabel(label,description,isAiSuggestionApplied,`label`,confidenceScore),handleOnChange=value=>{validationRef.current=value,setFieldValue(fieldName,value),onValueEdited()},handleOnBlur=name=>{setFieldTouched(name,!0)};return jsx(`div`,{"data-testid":`${label}-field`,children:jsx(Field,{name:`${fieldName}`,validate:()=>validateFloats(validationRef.current),children:({field,meta})=>jsx(TextInput,{...field,ref:forwardedRef,className,"data-target-id":`TextInput-MetadataEditorFloatField`,disabled:disableForm,error:meta.error,inputMode:`decimal`,label:fieldLabel,onBlur:()=>handleOnBlur(fieldName),onChange:e=>handleOnChange(e.currentTarget.value),placeholder:`0`})})})});export{MetadataFloatField,MetadataFloatField as default};

package/dist/esm/lib/components/metadata-editor-fields/components/metadata-float-field/use-float-validation.js

@@ -1,9 +1 @@
-import e from "../../../../messages.js";
-import { useIntl as t } from "react-intl";
-var n = (e) => e?.length ? /^[-+]?\d+(\.\d+)?$/.test(e) : !0, r = () => {
-	let r = t();
-	return { validateFloats: (t) => {
-		if (!n(t)) return r.formatMessage(e.floatFieldInvalidValue);
-	} };
-};
-export { n as isFloatOrBlank, r as useFloatValidation };
+import messages from"../../../../messages.js";import{useIntl}from"react-intl";var isFloatOrBlank=value=>value?.length?/^[-+]?\d+(\.\d+)?$/.test(value):!0,useFloatValidation=()=>{let intl=useIntl();return{validateFloats:fieldValue=>{if(!isFloatOrBlank(fieldValue))return intl.formatMessage(messages.floatFieldInvalidValue)}}};export{isFloatOrBlank,useFloatValidation};

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

@@ -1,41 +1 @@
-import e from "../../../../messages.js";
-import "../update-mode-field-wrapper/mulitple-values-utils.js";
-import { messages as t } from "../update-mode-field-wrapper/messages.js";
-import { useMemoizedFieldLabel as n } from "../../hooks/use-memoized-field-label.js";
-import { forwardRef as r } from "react";
-import { useIntl as i } from "react-intl";
-import { jsx as a } from "react/jsx-runtime";
-import { Combobox as o } from "@box/blueprint-web";
-import { Field as s, getIn as c, useFormikContext as l } from "formik";
-var u = /*#__PURE__*/ r(({ className: r, isAiSuggestionApplied: u, confidenceScore: d, description: f, disableForm: p, fieldNamePrefix: m, label: h, onValueEdited: g, options: _, portalElement: v, updateModePrefix: y }, b) => {
-	let { setFieldValue: x, values: S } = l(), { formatMessage: C } = i(), w = `${y ?? m}.value`, T = C(t.multipleValues), E = (_ || c(S, `${m}.options`, [])).map((e) => typeof e == "string" ? e : e.key), D = n(h, f, u, "label", d), O = (e, t) => t.toLowerCase().includes(e.toLowerCase());
-	return /* @__PURE__ */ a("div", {
-		"data-testid": `${h}-field`,
-		children: /* @__PURE__ */ a(s, {
-			name: w,
-			children: ({ field: t }) => {
-				let n = (t.value?.length || 0) === 0 ? C(e.multiselectPlaceholder) : "";
-				return /* @__PURE__ */ a(o, {
-					ref: b,
-					as: "input",
-					className: r,
-					"data-target-id": "Combobox-MetadataEditorMultiSelectField",
-					disabled: p,
-					displayValue: (e) => e === "Multiple values" ? T : e,
-					filterFn: O,
-					label: D,
-					multiselect: !0,
-					name: t.name,
-					onValueChange: (e) => {
-						x(w, e), g();
-					},
-					options: E,
-					placeholder: n,
-					portalElement: v,
-					value: t.value
-				});
-			}
-		})
-	});
-});
-export { u as MetadataMultiSelectField, u as default };
+import messages from"../../../../messages.js";import"../update-mode-field-wrapper/mulitple-values-utils.js";import{messages as messages$1}from"../update-mode-field-wrapper/messages.js";import{useMemoizedFieldLabel}from"../../hooks/use-memoized-field-label.js";import{forwardRef}from"react";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";import{Combobox}from"@box/blueprint-web";import{Field,getIn,useFormikContext}from"formik";var MetadataMultiSelectField=forwardRef(({className,isAiSuggestionApplied,confidenceScore,description,disableForm,fieldNamePrefix,label,onValueEdited,options,portalElement,updateModePrefix},forwardedRef)=>{let{setFieldValue,values}=useFormikContext(),{formatMessage}=useIntl(),fieldName=`${updateModePrefix??fieldNamePrefix}.value`,multipleValuesLabel=formatMessage(messages$1.multipleValues),filedOptions=(options||getIn(values,`${fieldNamePrefix}.options`,[])).map(option=>typeof option==`string`?option:option.key),fieldLabel=useMemoizedFieldLabel(label,description,isAiSuggestionApplied,`label`,confidenceScore),onFilter=(query,option)=>option.toLowerCase().includes(query.toLowerCase());return jsx(`div`,{"data-testid":`${label}-field`,children:jsx(Field,{name:fieldName,children:({field})=>{let placeholder=(field.value?.length||0)===0?formatMessage(messages.multiselectPlaceholder):``;return jsx(Combobox,{ref:forwardedRef,as:`input`,className,"data-target-id":`Combobox-MetadataEditorMultiSelectField`,disabled:disableForm,displayValue:val=>val===`Multiple values`?multipleValuesLabel:val,filterFn:onFilter,label:fieldLabel,multiselect:!0,name:field.name,onValueChange:value=>{setFieldValue(fieldName,value),onValueEdited()},options:filedOptions,placeholder,portalElement,value:field.value})}})})});export{MetadataMultiSelectField,MetadataMultiSelectField as default};

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

@@ -1,29 +1 @@
-import e from "../../../../messages.js";
-import { useMemoizedFieldLabel as t } from "../../hooks/use-memoized-field-label.js";
-import { forwardRef as n } from "react";
-import { useIntl as r } from "react-intl";
-import { jsx as i } from "react/jsx-runtime";
-import { TextInput as a } from "@box/blueprint-web";
-import { Field as o } from "formik";
-var s = /*#__PURE__*/ n(({ className: n, description: s, isAiSuggestionApplied: c, confidenceScore: l, disableForm: u, fieldNamePrefix: d, label: f, onValueEdited: p, updateModePrefix: m }, h) => {
-	let g = r(), _ = `${m ?? d}.value`, v = t(f, s, c, "label", l);
-	return /* @__PURE__ */ i("div", {
-		"data-testid": `${f}-field`,
-		children: /* @__PURE__ */ i(o, {
-			name: _,
-			children: ({ field: t, meta: r }) => /* @__PURE__ */ i(a, {
-				...t,
-				ref: h,
-				className: n,
-				"data-target-id": "TextInput-metadataEditorStringField",
-				disabled: u,
-				error: r.error,
-				label: v,
-				onChangeCapture: p,
-				placeholder: g.formatMessage(e.setValuePlaceholder)
-			})
-		})
-	});
-});
-s.displayName = "MetadataStringField";
-export { s as MetadataStringField, s as default };
+import messages from"../../../../messages.js";import{useMemoizedFieldLabel}from"../../hooks/use-memoized-field-label.js";import{forwardRef}from"react";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";import{TextInput}from"@box/blueprint-web";import{Field}from"formik";var MetadataStringField=forwardRef(({className,description,isAiSuggestionApplied,confidenceScore,disableForm,fieldNamePrefix,label,onValueEdited,updateModePrefix},forwardedRef)=>{let intl=useIntl(),fieldName=`${updateModePrefix??fieldNamePrefix}.value`,fieldLabel=useMemoizedFieldLabel(label,description,isAiSuggestionApplied,`label`,confidenceScore);return jsx(`div`,{"data-testid":`${label}-field`,children:jsx(Field,{name:fieldName,children:({field,meta})=>jsx(TextInput,{...field,ref:forwardedRef,className,"data-target-id":`TextInput-metadataEditorStringField`,disabled:disableForm,error:meta.error,label:fieldLabel,onChangeCapture:onValueEdited,placeholder:intl.formatMessage(messages.setValuePlaceholder)})})})});MetadataStringField.displayName=`MetadataStringField`;export{MetadataStringField,MetadataStringField as default};

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

@@ -1,67 +1 @@
-import e from "../../../../messages.js";
-import "../update-mode-field-wrapper/mulitple-values-utils.js";
-import { messages as t } from "../update-mode-field-wrapper/messages.js";
-import { useMemoizedFieldLabel as n } from "../../hooks/use-memoized-field-label.js";
-import { forwardRef as r, useCallback as i } from "react";
-import { useIntl as a } from "react-intl";
-import { jsx as o } from "react/jsx-runtime";
-import { Tooltip as s } from "@box/blueprint-web";
-import { Field as c, getIn as l, useFormikContext as u } from "formik";
-import { ComboboxWithApiPagination as d, ComboboxWithApiTreeView as f } from "@box/combobox-with-api";
-var p = (e, t) => e === "Multiple values" ? t : e, m = /*#__PURE__*/ r(({ description: r, disableForm: m, isAiSuggestionApplied: h, confidenceScore: g, fieldNamePrefix: _, label: v, onValueEdited: y, portalElement: b, taxonomyOptionsFetcher: x, updateModePrefix: S, className: C, isExternallyOwned: w, isMultilevelTaxonomyFieldEnabled: T }, E) => {
-	let { formatMessage: D } = a(), O = `${S ?? _}.value`, { setFieldValue: k, values: A } = u(), { metadata: { templateKey: j, scope: M } } = A, { key: N, optionsRules: { multiSelect: P, selectableLevels: F }, levels: I } = l(A, _), L = D(t.multipleValues), R = T && F?.some((e) => e > 1), z = m || w, B = n(v, r, h, "label", g), V = i((e) => x(M, j, N, F?.[0], e), [
-		N,
-		M,
-		F,
-		x,
-		j
-	]), H = (t) => P || !t?.length ? D(e.taxonomyPlaceholder) : void 0, U = (e) => {
-		k(O, e), y();
-	}, W = /* @__PURE__ */ o("div", {
-		"data-testid": `${v}-field`,
-		onKeyDown: (e) => e.stopPropagation(),
-		role: "presentation",
-		children: /* @__PURE__ */ o(c, {
-			name: O,
-			children: ({ field: e }) => {
-				let t = Array.isArray(e.value) ? e.value.map((e) => ({
-					...e,
-					displayValue: p(e.displayValue, L)
-				})) : e.value;
-				return R ? /* @__PURE__ */ o(f, {
-					ref: E,
-					className: C,
-					closeOnSelection: R,
-					dataTargetId: "ComboboxWithApiTreeView-MetadataEditorTaxonomyField",
-					defaultFetcher: V,
-					disabled: z,
-					label: B,
-					levels: I,
-					multiselect: P,
-					onValueChange: U,
-					placeholder: H(e.value),
-					portalElement: b,
-					selectableLevels: F,
-					value: t
-				}) : /* @__PURE__ */ o(d, {
-					ref: E,
-					className: C,
-					dataTargetId: "ComboboxWithApiPagination-MetadataEditorTaxonomyField",
-					defaultFetcher: V,
-					disabled: z,
-					label: B,
-					multiselect: P,
-					onValueChange: U,
-					placeholder: H(e.value),
-					portalElement: b,
-					value: t
-				});
-			}
-		})
-	});
-	return w ? /* @__PURE__ */ o(s, {
-		content: D(e.taxonomyExternallyOwned),
-		children: W
-	}) : W;
-});
-export { m as LegacyMetadataTaxonomyField };
+import messages from"../../../../messages.js";import"../update-mode-field-wrapper/mulitple-values-utils.js";import{messages as messages$1}from"../update-mode-field-wrapper/messages.js";import{useMemoizedFieldLabel}from"../../hooks/use-memoized-field-label.js";import{forwardRef,useCallback}from"react";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";import{Tooltip}from"@box/blueprint-web";import{Field,getIn,useFormikContext}from"formik";import{ComboboxWithApiPagination,ComboboxWithApiTreeView}from"@box/combobox-with-api";var getFieldValue=(option,multipleValuesLabel)=>option===`Multiple values`?multipleValuesLabel:option,LegacyMetadataTaxonomyField=forwardRef(({description,disableForm,isAiSuggestionApplied,confidenceScore,fieldNamePrefix,label,onValueEdited,portalElement,taxonomyOptionsFetcher,updateModePrefix,className,isExternallyOwned,isMultilevelTaxonomyFieldEnabled},forwardedRef)=>{let{formatMessage}=useIntl(),fieldName=`${updateModePrefix??fieldNamePrefix}.value`,{setFieldValue,values}=useFormikContext(),{metadata:{templateKey,scope}}=values,{key,optionsRules:{multiSelect,selectableLevels},levels}=getIn(values,fieldNamePrefix),multipleValuesLabel=formatMessage(messages$1.multipleValues),isMultilevelTaxonomy=isMultilevelTaxonomyFieldEnabled&&selectableLevels?.some(level=>level>1),isDisabled=disableForm||isExternallyOwned,fieldLabel=useMemoizedFieldLabel(label,description,isAiSuggestionApplied,`label`,confidenceScore),defaultFetcher=useCallback(input=>taxonomyOptionsFetcher(scope,templateKey,key,selectableLevels?.[0],input),[key,scope,selectableLevels,taxonomyOptionsFetcher,templateKey]),getPlaceholder=selectedValues=>multiSelect||!selectedValues?.length?formatMessage(messages.taxonomyPlaceholder):void 0,handleValueChange=value=>{setFieldValue(fieldName,value),onValueEdited()},fieldContent=jsx(`div`,{"data-testid":`${label}-field`,onKeyDown:e=>e.stopPropagation(),role:`presentation`,children:jsx(Field,{name:fieldName,children:({field})=>{let mappedValue=Array.isArray(field.value)?field.value.map(val=>({...val,displayValue:getFieldValue(val.displayValue,multipleValuesLabel)})):field.value;return isMultilevelTaxonomy?jsx(ComboboxWithApiTreeView,{ref:forwardedRef,className,closeOnSelection:isMultilevelTaxonomy,dataTargetId:`ComboboxWithApiTreeView-MetadataEditorTaxonomyField`,defaultFetcher,disabled:isDisabled,label:fieldLabel,levels,multiselect:multiSelect,onValueChange:handleValueChange,placeholder:getPlaceholder(field.value),portalElement,selectableLevels,value:mappedValue}):jsx(ComboboxWithApiPagination,{ref:forwardedRef,className,dataTargetId:`ComboboxWithApiPagination-MetadataEditorTaxonomyField`,defaultFetcher,disabled:isDisabled,label:fieldLabel,multiselect:multiSelect,onValueChange:handleValueChange,placeholder:getPlaceholder(field.value),portalElement,value:mappedValue})}})});return isExternallyOwned?jsx(Tooltip,{content:formatMessage(messages.taxonomyExternallyOwned),children:fieldContent}):fieldContent});export{LegacyMetadataTaxonomyField};

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

@@ -1,16 +1 @@
-import { LegacyMetadataTaxonomyField as e } from "./legacy-metadata-taxonomy-field.js";
-import { MetadataTaxonomyPickerField as t } from "./metadata-taxonomy-picker-field/metadata-taxonomy-picker-field.js";
-import { forwardRef as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-var i = /*#__PURE__*/ n((n, i) => {
-	let { isTaxonomyPickerEnabled: a, createTaxonomyItemsService: o } = n;
-	return a && o ? /* @__PURE__ */ r(t, {
-		...n,
-		ref: i,
-		createTaxonomyItemsService: o
-	}) : (a && process.env.NODE_ENV !== "production" && console.error("[metadata-editor] isTaxonomyPickerEnabled is true but createTaxonomyItemsService was not provided; falling back to the legacy taxonomy field."), /* @__PURE__ */ r(e, {
-		...n,
-		ref: i
-	}));
-});
-export { i as MetadataTaxonomyField };
+import{LegacyMetadataTaxonomyField}from"./legacy-metadata-taxonomy-field.js";import{MetadataTaxonomyPickerField}from"./metadata-taxonomy-picker-field/metadata-taxonomy-picker-field.js";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";var MetadataTaxonomyField=forwardRef((props,forwardedRef)=>{let{isTaxonomyPickerEnabled,createTaxonomyItemsService}=props;return isTaxonomyPickerEnabled&&createTaxonomyItemsService?jsx(MetadataTaxonomyPickerField,{...props,ref:forwardedRef,createTaxonomyItemsService}):(isTaxonomyPickerEnabled&&process.env.NODE_ENV!==`production`&&console.error(`[metadata-editor] isTaxonomyPickerEnabled is true but createTaxonomyItemsService was not provided; falling back to the legacy taxonomy field.`),jsx(LegacyMetadataTaxonomyField,{...props,ref:forwardedRef}))});export{MetadataTaxonomyField};

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

@@ -1,53 +1 @@
-import e from "../../../../../messages.js";
-import { messages as t } from "../../update-mode-field-wrapper/messages.js";
-import { n } from "../../../../../../../chunks/utils.js";
-import { getTaxonomyPickerMode as r, mapFormValueToTaxonomyValues as i, mapLevelsToTaxonomyLevels as a, mapTaxonomyValuesToFormValue as o } from "./value-mapping.js";
-import { forwardRef as s, useMemo as c } from "react";
-import { useIntl as l } from "react-intl";
-import { jsx as u } from "react/jsx-runtime";
-import { Tooltip as d } from "@box/blueprint-web";
-import { Field as f, getIn as p, useFormikContext as m } from "formik";
-import { MetadataTaxonomyPicker as h } from "@box/metadata-taxonomy-picker";
-var g = /*#__PURE__*/ s(({ description: s, disableForm: g, isAiSuggestionApplied: _, confidenceScore: v, fieldNamePrefix: y, label: b, onValueEdited: x, portalElement: S, updateModePrefix: C, className: w, isExternallyOwned: T, createTaxonomyItemsService: E }, D) => {
-	let { formatMessage: O } = l(), k = `${C ?? y}.value`, { setFieldValue: A, values: j } = m(), { metadata: { templateKey: M, scope: N } } = j, { key: P, optionsRules: { multiSelect: F, selectableLevels: I }, levels: L } = p(j, y), R = O(t.multipleValues), z = g || T, B = c(() => E({
-		scope: N,
-		templateKey: M,
-		fieldKey: P
-	}), [
-		E,
-		N,
-		M,
-		P
-	]), V = r(I), H = c(() => a(L, I), [L, I]), U = n(b, s ?? void 0, _, v), W = (t) => F || !t.length ? O(e.taxonomyPlaceholder) : void 0, G = (e) => {
-		A(k, o(e)), x();
-	}, K = /* @__PURE__ */ u("div", {
-		"data-testid": `${b}-field`,
-		onKeyDown: (e) => e.stopPropagation(),
-		role: "presentation",
-		children: /* @__PURE__ */ u(f, {
-			name: k,
-			children: ({ field: e }) => {
-				let t = i(e.value, R);
-				return /* @__PURE__ */ u(h, {
-					ref: D,
-					containerClassName: w,
-					disabled: z,
-					itemsService: B,
-					label: U,
-					levels: H,
-					mode: V,
-					multiSelect: F,
-					onValueChange: G,
-					placeholder: W(t),
-					portalElement: S,
-					value: t
-				});
-			}
-		})
-	});
-	return T ? /* @__PURE__ */ u(d, {
-		content: O(e.taxonomyExternallyOwned),
-		children: K
-	}) : K;
-});
-export { g as MetadataTaxonomyPickerField };
+import messages from"../../../../../messages.js";import{messages as messages$1}from"../../update-mode-field-wrapper/messages.js";import{n as getFieldLabelContent}from"../../../../../../../chunks/utils.js";import{getTaxonomyPickerMode,mapFormValueToTaxonomyValues,mapLevelsToTaxonomyLevels,mapTaxonomyValuesToFormValue}from"./value-mapping.js";import{forwardRef,useMemo}from"react";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";import{Tooltip}from"@box/blueprint-web";import{Field,getIn,useFormikContext}from"formik";import{MetadataTaxonomyPicker}from"@box/metadata-taxonomy-picker";var MetadataTaxonomyPickerField=forwardRef(({description,disableForm,isAiSuggestionApplied,confidenceScore,fieldNamePrefix,label,onValueEdited,portalElement,updateModePrefix,className,isExternallyOwned,createTaxonomyItemsService},forwardedRef)=>{let{formatMessage}=useIntl(),fieldName=`${updateModePrefix??fieldNamePrefix}.value`,{setFieldValue,values}=useFormikContext(),{metadata:{templateKey,scope}}=values,{key,optionsRules:{multiSelect,selectableLevels},levels}=getIn(values,fieldNamePrefix),multipleValuesLabel=formatMessage(messages$1.multipleValues),isDisabled=disableForm||isExternallyOwned,itemsService=useMemo(()=>createTaxonomyItemsService({scope,templateKey,fieldKey:key}),[createTaxonomyItemsService,scope,templateKey,key]),mode=getTaxonomyPickerMode(selectableLevels),pickerLevels=useMemo(()=>mapLevelsToTaxonomyLevels(levels,selectableLevels),[levels,selectableLevels]),fieldLabel=getFieldLabelContent(label,description??void 0,isAiSuggestionApplied,confidenceScore),getPlaceholder=selectedValues=>multiSelect||!selectedValues.length?formatMessage(messages.taxonomyPlaceholder):void 0,handleValueChange=newValues=>{setFieldValue(fieldName,mapTaxonomyValuesToFormValue(newValues)),onValueEdited()},fieldContent=jsx(`div`,{"data-testid":`${label}-field`,onKeyDown:e=>e.stopPropagation(),role:`presentation`,children:jsx(Field,{name:fieldName,children:({field})=>{let pickerValue=mapFormValueToTaxonomyValues(field.value,multipleValuesLabel);return jsx(MetadataTaxonomyPicker,{ref:forwardedRef,containerClassName:className,disabled:isDisabled,itemsService,label:fieldLabel,levels:pickerLevels,mode,multiSelect,onValueChange:handleValueChange,placeholder:getPlaceholder(pickerValue),portalElement,value:pickerValue})}})});return isExternallyOwned?jsx(Tooltip,{content:formatMessage(messages.taxonomyExternallyOwned),children:fieldContent}):fieldContent});export{MetadataTaxonomyPickerField};