@box/metadata-editor 2.3.9 → 2.3.10

package/dist/chunks/add-metadata-template-dropdown-with-browser.js

@@ -1,34 +1 @@
-import e from "../esm/lib/components/add-metadata-template-dropdown/messages.js";
-import { useIntl as t } from "react-intl";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { IconButton as i, Popover as a } from "@box/blueprint-web";
-import { Plus as o } from "@box/blueprint-web-assets/icons/Fill";
-import { MetadataTemplateBrowser as s } from "@box/metadata-template-browser";
-import '../styles/add-metadata-template-dropdown-with-browser.css';var c = { templateBrowserContainer: "_templateBrowserContainer_175dl_1" };
-function l({ canCreateAtRoot: l = !1, enterpriseId: u, eventService: d, isLoading: f, itemsService: p, onOpenChange: m, open: h }) {
-	let g = t().formatMessage(e.addMetadataTemplatesTriggerButtonLabel);
-	return /* @__PURE__ */ r(a.Root, {
-		onOpenChange: m,
-		open: h,
-		children: [/* @__PURE__ */ n(a.Trigger, { children: /* @__PURE__ */ n(i, {
-			"aria-label": g,
-			icon: o,
-			size: "x-small",
-			"data-target-id": "IconButton-addMetadataTemplatesTriggerButtonLabel"
-		}) }), /* @__PURE__ */ n(a.ContentContainer, {
-			align: "end",
-			"aria-label": g,
-			children: /* @__PURE__ */ n("div", {
-				className: c.templateBrowserContainer,
-				children: /* @__PURE__ */ n(s, {
-					canCreateAtRoot: l,
-					enterpriseId: u,
-					eventService: d,
-					isDisabled: f,
-					itemsService: p
-				})
-			})
-		})]
-	});
-}
-export { l as t };
+import messages from"../esm/lib/components/add-metadata-template-dropdown/messages.js";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{IconButton,Popover}from"@box/blueprint-web";import{Plus}from"@box/blueprint-web-assets/icons/Fill";import{MetadataTemplateBrowser}from"@box/metadata-template-browser";import '../styles/add-metadata-template-dropdown-with-browser.css';var add_metadata_template_dropdown_module_default={templateBrowserContainer:`_templateBrowserContainer_175dl_1`};function AddMetadataTemplateDropdownWithBrowser({canCreateAtRoot=!1,enterpriseId,eventService,isLoading,itemsService,onOpenChange,open}){let triggerLabel=useIntl().formatMessage(messages.addMetadataTemplatesTriggerButtonLabel);return jsxs(Popover.Root,{onOpenChange,open,children:[jsx(Popover.Trigger,{children:jsx(IconButton,{"aria-label":triggerLabel,icon:Plus,size:`x-small`,"data-target-id":`IconButton-addMetadataTemplatesTriggerButtonLabel`})}),jsx(Popover.ContentContainer,{align:`end`,"aria-label":triggerLabel,children:jsx(`div`,{className:add_metadata_template_dropdown_module_default.templateBrowserContainer,children:jsx(MetadataTemplateBrowser,{canCreateAtRoot,enterpriseId,eventService,isDisabled:isLoading,itemsService})})})]})}export{AddMetadataTemplateDropdownWithBrowser as t};

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

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

package/dist/chunks/autofill-overlay.js

@@ -1,63 +1 @@
-import { EXTRACT_AI_AGENT_LOCAL_STORAGE_KEY as e } from "../esm/lib/constants.js";
-import t from "../esm/lib/components/metadata-instance-editor/subcomponents/autofill-overlay/messages.js";
-import { useErrorMessaging as n } from "../esm/lib/components/metadata-instance-editor/subcomponents/autofill-overlay/useErrorMessaging.js";
-import { useState as r } from "react";
-import { useIntl as i } from "react-intl";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import s from "clsx";
-import { LoadingIndicator as c, Text as l, TextButton as u } from "@box/blueprint-web";
-import { Size5 as d, SurfaceStatusSurfaceError as f } from "@box/blueprint-web-assets/tokens/tokens";
-import { AlertTriangle as p } from "@box/blueprint-web-assets/icons/Line";
-import '../styles/autofill-overlay.css';var m = {
-	autofillOverlay: "_autofillOverlay_16p2j_1",
-	withError: "_withError_16p2j_12",
-	autofillOverlayTitle: "_autofillOverlayTitle_16p2j_16",
-	autofillOverlayDescription: "_autofillOverlayDescription_16p2j_21",
-	dismissButton: "_dismissButton_16p2j_25",
-	overlayIcon: "_overlayIcon_16p2j_29",
-	testContainerStyle: "_testContainerStyle_16p2j_35"
-}, h = ({ errorCode: h, isFetchingSuggestions: g, isLongLoading: _ }) => {
-	let v = i(), [y, b] = r(!1), x = n(h), S = v.formatMessage(t.defaultLoadingMessage);
-	h && (S = x.title);
-	let C = localStorage.getItem(e);
-	_ && C === "standard" && (S = v.formatMessage(t.longLoadingTitle));
-	let w = _ && C === "standard" ? v.formatMessage(t.longLoadingDescription) : h && x.description;
-	return !g && !h || y ? null : /* @__PURE__ */ o("div", {
-		className: s(m.autofillOverlay, h && m.withError),
-		children: [
-			h ? /* @__PURE__ */ a(p, {
-				className: m.overlayIcon,
-				color: f,
-				height: d,
-				role: "presentation",
-				width: d
-			}) : /* @__PURE__ */ a(c, {
-				"aria-label": v.formatMessage(t.loadingAriaLabel),
-				"aria-live": "polite",
-				className: m.overlayIcon,
-				size: "large",
-				variant: "default"
-			}),
-			/* @__PURE__ */ a(l, {
-				as: "p",
-				className: m.autofillOverlayTitle,
-				variant: "subtitle",
-				children: S
-			}),
-			w && /* @__PURE__ */ a(l, {
-				as: "p",
-				className: m.autofillOverlayDescription,
-				color: "textOnLightSecondary",
-				variant: "bodyDefault",
-				children: w
-			}),
-			h && /* @__PURE__ */ a(u, {
-				className: m.dismissButton,
-				onClick: () => b(!0),
-				"data-target-id": "TextButton-dismissButton",
-				children: v.formatMessage(t.dismissButton)
-			})
-		]
-	});
-};
-export { h as t };
+import{EXTRACT_AI_AGENT_LOCAL_STORAGE_KEY}from"../esm/lib/constants.js";import messages from"../esm/lib/components/metadata-instance-editor/subcomponents/autofill-overlay/messages.js";import{useErrorMessaging}from"../esm/lib/components/metadata-instance-editor/subcomponents/autofill-overlay/useErrorMessaging.js";import{useState}from"react";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import clsx from"clsx";import{LoadingIndicator,Text,TextButton}from"@box/blueprint-web";import{Size5,SurfaceStatusSurfaceError}from"@box/blueprint-web-assets/tokens/tokens";import{AlertTriangle}from"@box/blueprint-web-assets/icons/Line";import '../styles/autofill-overlay.css';var autofill_overlay_module_default={autofillOverlay:`_autofillOverlay_16p2j_1`,withError:`_withError_16p2j_12`,autofillOverlayTitle:`_autofillOverlayTitle_16p2j_16`,autofillOverlayDescription:`_autofillOverlayDescription_16p2j_21`,dismissButton:`_dismissButton_16p2j_25`,overlayIcon:`_overlayIcon_16p2j_29`,testContainerStyle:`_testContainerStyle_16p2j_35`},AutofillOverlay=({errorCode,isFetchingSuggestions,isLongLoading})=>{let intl=useIntl(),[isDismissed,setIsDismissed]=useState(!1),errorMessage=useErrorMessaging(errorCode),title=intl.formatMessage(messages.defaultLoadingMessage);errorCode&&(title=errorMessage.title);let storedAgent=localStorage.getItem(EXTRACT_AI_AGENT_LOCAL_STORAGE_KEY);isLongLoading&&storedAgent===`standard`&&(title=intl.formatMessage(messages.longLoadingTitle));let description=isLongLoading&&storedAgent===`standard`?intl.formatMessage(messages.longLoadingDescription):errorCode&&errorMessage.description;return!isFetchingSuggestions&&!errorCode||isDismissed?null:jsxs(`div`,{className:clsx(autofill_overlay_module_default.autofillOverlay,errorCode&&autofill_overlay_module_default.withError),children:[errorCode?jsx(AlertTriangle,{className:autofill_overlay_module_default.overlayIcon,color:SurfaceStatusSurfaceError,height:Size5,role:`presentation`,width:Size5}):jsx(LoadingIndicator,{"aria-label":intl.formatMessage(messages.loadingAriaLabel),"aria-live":`polite`,className:autofill_overlay_module_default.overlayIcon,size:`large`,variant:`default`}),jsx(Text,{as:`p`,className:autofill_overlay_module_default.autofillOverlayTitle,variant:`subtitle`,children:title}),description&&jsx(Text,{as:`p`,className:autofill_overlay_module_default.autofillOverlayDescription,color:`textOnLightSecondary`,variant:`bodyDefault`,children:description}),errorCode&&jsx(TextButton,{className:autofill_overlay_module_default.dismissButton,onClick:()=>setIsDismissed(!0),"data-target-id":`TextButton-dismissButton`,children:intl.formatMessage(messages.dismissButton)})]})};export{AutofillOverlay as t};

package/dist/chunks/combobox-with-api-pagination.js

@@ -1,161 +1 @@
-import e from "../esm/lib/components/combobox-with-api-pagination/messages.js";
-import { useAsyncList as t } from "../esm/lib/components/combobox-with-api-pagination/use-async-list.js";
-import { useControllableState as n } from "../esm/lib/components/combobox-with-api-pagination/utils/use-controllable-state.js";
-import { useTrackVisibility as r } from "../esm/lib/components/combobox-with-api-pagination/utils/use-intersection-observer.js";
-import { forwardRef as i, useCallback as a, useEffect as o, useMemo as s, useRef as c } from "react";
-import { FormattedMessage as l, useIntl as u } from "react-intl";
-import { ComboboxItemValue as d } from "@ariakit/react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import h from "clsx";
-import { Combobox as g, InlineNotice as _, LoadingIndicator as v, Text as y, useForkRef as b } from "@box/blueprint-web";
-import { Loader as x, Search as S } from "@box/blueprint-web-assets/icons/Fill";
-import { IconIconOnLightSecondary as C, Size1 as w, Size6 as T } from "@box/blueprint-web-assets/tokens/tokens";
-import '../styles/combobox-with-api-pagination.css';var E = {
-	disabled: "_disabled_9lkdk_27",
-	highlightOptionText: "_highlightOptionText_9lkdk_31",
-	selected: "_selected_9lkdk_53",
-	option: "_option_9lkdk_73",
-	errorComboboxOption: "_errorComboboxOption_9lkdk_77",
-	errorComboboxOptionText: "_errorComboboxOptionText_9lkdk_82"
-}, D = /*#__PURE__*/ i(({ onTryAgain: t }, n) => {
-	let { formatMessage: r } = u();
-	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(_, {
-		variant: "error",
-		variantIconAriaLabel: r(e.loadingResultsErrorIconLabel),
-		children: /* @__PURE__ */ p(l, { ...e.loadingResultsErrorMessage })
-	}), /* @__PURE__ */ p(g.Option, {
-		ref: n,
-		className: E.errorComboboxOption,
-		onClick: t,
-		children: /* @__PURE__ */ m(y, {
-			as: "span",
-			className: E.errorComboboxOptionText,
-			color: "textOnLightLink",
-			variant: "bodyDefaultBold",
-			children: [/* @__PURE__ */ p(l, { ...e.loadingResultsErrorAction }), /* @__PURE__ */ p(x, {
-				color: "currentColor",
-				height: "12px",
-				width: "12px"
-			})]
-		})
-	})] });
-}), O = "__LOADING__", k = "__LOADING_ERROR__", A = "0px 0px 20px 0px", j = /* @__PURE__ */ p(S, {
-	color: C,
-	height: T,
-	role: "presentation",
-	style: {
-		padding: w,
-		boxSizing: "border-box"
-	},
-	width: T
-}), M = /*#__PURE__*/ i(function(i, l) {
-	let { defaultFetcher: f, onInputValueChange: m, value: _, onValueChange: y, noResultMessage: x, defaultValue: S = [], loadingAriaLabel: C, multiselect: w = !1, disabled: T, className: M, displaySingleSelectionAsChip: N = !0, ...P } = i, { formatMessage: F } = u(), I = c(null), L = c(!0), R = t({ async load({ marker: e, searchInput: t, signal: n }) {
-		let r = await f({
-			signal: n,
-			marker: e,
-			searchInput: t
-		});
-		return {
-			items: r.options,
-			marker: r.marker
-		};
-	} }), z = c(!1), B = a(() => {
-		z.current ||= (R.reload(), !0);
-	}, []), [V, H] = n({
-		prop: _,
-		defaultProp: S,
-		onChange: y
-	}), U = !w && V.length === 1, W = (e) => {
-		e === void 0 ? (H([]), (!L.current || !N) && (R.search(""), L.current = !0)) : H(Array.isArray(e) ? e : [e]);
-	}, G = s(() => V.length === 0 ? w ? [] : void 0 : w ? V : V[0], [w, V]), K = s(() => V.filter((e) => !R.items.some((t) => t.value === e.value)), [V, R.items]), q = (t) => {
-		let { value: n, displayValue: r, ...i } = t;
-		if (n === O) return R.hasNextPage ? /* @__PURE__ */ p(g.Option, {
-			...i,
-			ref: Z,
-			disabled: !0,
-			value: n,
-			children: /* @__PURE__ */ p(v, {
-				"aria-label": F(e.loadingMoreAriaLabel),
-				style: { position: "unset" }
-			})
-		}) : null;
-		if (n === k && R.hasError && !R.isEmpty) return /* @__PURE__ */ p(D, { onTryAgain: () => {
-			R.loadMore(), I.current?.focus();
-		} });
-		if (K.some((e) => e.value === n)) return null;
-		let a = V.some((e) => e.value === n);
-		return /* @__PURE__ */ p(g.Option, {
-			...i,
-			className: E.option,
-			value: n,
-			children: /* @__PURE__ */ p(d, {
-				className: h(E.highlightOptionText, a && E.selected),
-				value: r || n
-			})
-		});
-	}, J = (e) => {
-		if (m?.(e), U && e === "") {
-			L.current = !1;
-			return;
-		}
-		R.search(e);
-	}, Y = () => {
-		R.reload(), I.current?.focus();
-	}, X;
-	X = R.hasError && !R.isLoading ? /* @__PURE__ */ p(D, { onTryAgain: Y }) : R.isEmpty && !R.isLoading ? x || F(e.noResults) : void 0;
-	let [Z, { rootRef: Q, isVisible: $ }] = r({ rootMargin: A });
-	o(() => {
-		if (!($ && R.hasNextPage)) return;
-		let e = setTimeout(() => {
-			R.loadMore();
-		}, 100);
-		return () => {
-			clearTimeout(e);
-		};
-	}, [$]);
-	let ee = s(() => {
-		let e = R.hasNextPage ? {
-			displayValue: O,
-			value: O
-		} : null, t = !e && R.hasError && !R.isEmpty ? {
-			displayValue: k,
-			value: k
-		} : null;
-		return [
-			...R.items,
-			...K,
-			e,
-			t
-		].filter(Boolean);
-	}, [
-		R.hasNextPage,
-		R.hasError,
-		R.isEmpty,
-		R.items,
-		K
-	]);
-	return /* @__PURE__ */ p(g, {
-		as: "input",
-		...P,
-		ref: b(I, l),
-		className: h({ [E.disabled]: U }, M),
-		clearButtonAriaLabel: F(e.clearButtonAriaLabel),
-		disabled: T || U,
-		displaySingleSelectionAsChip: N,
-		displayValue: (e) => e.displayValue || e.value,
-		endComboboxIcon: j,
-		focusLoop: !1,
-		getPopoverRef: Q,
-		loading: R.isReloading,
-		loadingAriaLabel: C || F(e.loadingAriaLabel),
-		multiselect: w,
-		noResultMessage: X,
-		onFocus: B,
-		onInputValueChange: J,
-		onValueChange: W,
-		options: ee,
-		renderOption: q,
-		value: G
-	});
-});
-export { M as t };
+import messages from"../esm/lib/components/combobox-with-api-pagination/messages.js";import{useAsyncList}from"../esm/lib/components/combobox-with-api-pagination/use-async-list.js";import{useControllableState}from"../esm/lib/components/combobox-with-api-pagination/utils/use-controllable-state.js";import{useTrackVisibility}from"../esm/lib/components/combobox-with-api-pagination/utils/use-intersection-observer.js";import{forwardRef,useCallback,useEffect,useMemo,useRef}from"react";import{FormattedMessage,useIntl}from"react-intl";import{ComboboxItemValue}from"@ariakit/react";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import clsx from"clsx";import{Combobox as Combobox$1,InlineNotice,LoadingIndicator,Text,useForkRef}from"@box/blueprint-web";import{Loader,Search}from"@box/blueprint-web-assets/icons/Fill";import{IconIconOnLightSecondary,Size1,Size6}from"@box/blueprint-web-assets/tokens/tokens";import '../styles/combobox-with-api-pagination.css';var combobox_with_api_pagination_module_default={disabled:`_disabled_9lkdk_27`,highlightOptionText:`_highlightOptionText_9lkdk_31`,selected:`_selected_9lkdk_53`,option:`_option_9lkdk_73`,errorComboboxOption:`_errorComboboxOption_9lkdk_77`,errorComboboxOptionText:`_errorComboboxOptionText_9lkdk_82`},ComboboxWithApiError=forwardRef(({onTryAgain},forwardedRef)=>{let{formatMessage}=useIntl();return jsxs(Fragment,{children:[jsx(InlineNotice,{variant:`error`,variantIconAriaLabel:formatMessage(messages.loadingResultsErrorIconLabel),children:jsx(FormattedMessage,{...messages.loadingResultsErrorMessage})}),jsx(Combobox$1.Option,{ref:forwardedRef,className:combobox_with_api_pagination_module_default.errorComboboxOption,onClick:onTryAgain,children:jsxs(Text,{as:`span`,className:combobox_with_api_pagination_module_default.errorComboboxOptionText,color:`textOnLightLink`,variant:`bodyDefaultBold`,children:[jsx(FormattedMessage,{...messages.loadingResultsErrorAction}),jsx(Loader,{color:`currentColor`,height:`12px`,width:`12px`})]})})]})}),LOAD_MORE_VALUE=`__LOADING__`,LOAD_MORE_ERROR_VALUE=`__LOADING_ERROR__`,INTERSECTION_ROOT_MARGIN=`0px 0px 20px 0px`,EndComboboxSearchIcon=jsx(Search,{color:IconIconOnLightSecondary,height:Size6,role:`presentation`,style:{padding:Size1,boxSizing:`border-box`},width:Size6}),ComboboxWithApiPagination=forwardRef(function(props,forwardedRef){let{defaultFetcher,onInputValueChange,value,onValueChange,noResultMessage,defaultValue=[],loadingAriaLabel,multiselect=!1,disabled,className,displaySingleSelectionAsChip=!0,...rest}=props,{formatMessage}=useIntl(),inputRef=useRef(null),shouldFetchOnSearch=useRef(!0),list=useAsyncList({async load({marker,searchInput,signal}){let res=await defaultFetcher({signal,marker,searchInput});return{items:res.options,marker:res.marker}}}),didDispatchInitialFetch=useRef(!1),fetchOptions=useCallback(()=>{didDispatchInitialFetch.current||=(list.reload(),!0)},[]),[selectedValue,setSelectedOption]=useControllableState({prop:value,defaultProp:defaultValue,onChange:onValueChange}),isSingleSelectValueSelected=!multiselect&&selectedValue.length===1,handleOnValueChange=selectedOptions=>{selectedOptions===void 0?(setSelectedOption([]),(!shouldFetchOnSearch.current||!displaySingleSelectionAsChip)&&(list.search(``),shouldFetchOnSearch.current=!0)):setSelectedOption(Array.isArray(selectedOptions)?selectedOptions:[selectedOptions])},comboboxValue=useMemo(()=>selectedValue.length===0?multiselect?[]:void 0:multiselect?selectedValue:selectedValue[0],[multiselect,selectedValue]),selectedOptionsWithoutItems=useMemo(()=>selectedValue.filter(option=>!list.items.some(item=>item.value===option.value)),[selectedValue,list.items]),renderInfiniteOption=option=>{let{value:optionValue,displayValue,...optionRest}=option;if(optionValue===LOAD_MORE_VALUE)return list.hasNextPage?jsx(Combobox$1.Option,{...optionRest,ref:triggerRef,disabled:!0,value:optionValue,children:jsx(LoadingIndicator,{"aria-label":formatMessage(messages.loadingMoreAriaLabel),style:{position:`unset`}})}):null;if(optionValue===LOAD_MORE_ERROR_VALUE&&list.hasError&&!list.isEmpty)return jsx(ComboboxWithApiError,{onTryAgain:()=>{list.loadMore(),inputRef.current?.focus()}});if(selectedOptionsWithoutItems.some(optionWithoutItem=>optionWithoutItem.value===optionValue))return null;let isSelected=selectedValue.some(selectedOption=>selectedOption.value===optionValue);return jsx(Combobox$1.Option,{...optionRest,className:combobox_with_api_pagination_module_default.option,value:optionValue,children:jsx(ComboboxItemValue,{className:clsx(combobox_with_api_pagination_module_default.highlightOptionText,isSelected&&combobox_with_api_pagination_module_default.selected),value:displayValue||optionValue})})},handleOnInputValueChange=inputVal=>{if(onInputValueChange?.(inputVal),isSingleSelectValueSelected&&inputVal===``){shouldFetchOnSearch.current=!1;return}list.search(inputVal)},handleTryAgain=()=>{list.reload(),inputRef.current?.focus()},noResultMessageFromState;noResultMessageFromState=list.hasError&&!list.isLoading?jsx(ComboboxWithApiError,{onTryAgain:handleTryAgain}):list.isEmpty&&!list.isLoading?noResultMessage||formatMessage(messages.noResults):void 0;let[triggerRef,{rootRef:popoverRef,isVisible}]=useTrackVisibility({rootMargin:INTERSECTION_ROOT_MARGIN});useEffect(()=>{if(!(isVisible&&list.hasNextPage))return;let timer=setTimeout(()=>{list.loadMore()},100);return()=>{clearTimeout(timer)}},[isVisible]);let finalOptions=useMemo(()=>{let loadMoreOption=list.hasNextPage?{displayValue:LOAD_MORE_VALUE,value:LOAD_MORE_VALUE}:null,loadMoreErrorOption=!loadMoreOption&&list.hasError&&!list.isEmpty?{displayValue:LOAD_MORE_ERROR_VALUE,value:LOAD_MORE_ERROR_VALUE}:null;return[...list.items,...selectedOptionsWithoutItems,loadMoreOption,loadMoreErrorOption].filter(Boolean)},[list.hasNextPage,list.hasError,list.isEmpty,list.items,selectedOptionsWithoutItems]);return jsx(Combobox$1,{as:`input`,...rest,ref:useForkRef(inputRef,forwardedRef),className:clsx({[combobox_with_api_pagination_module_default.disabled]:isSingleSelectValueSelected},className),clearButtonAriaLabel:formatMessage(messages.clearButtonAriaLabel),disabled:disabled||isSingleSelectValueSelected,displaySingleSelectionAsChip,displayValue:option=>option.displayValue||option.value,endComboboxIcon:EndComboboxSearchIcon,focusLoop:!1,getPopoverRef:popoverRef,loading:list.isReloading,loadingAriaLabel:loadingAriaLabel||formatMessage(messages.loadingAriaLabel),multiselect,noResultMessage:noResultMessageFromState,onFocus:fetchOptions,onInputValueChange:handleOnInputValueChange,onValueChange:handleOnValueChange,options:finalOptions,renderOption:renderInfiniteOption,value:comboboxValue})});export{ComboboxWithApiPagination as t};

package/dist/chunks/custom-instance-new-field.js

@@ -1,60 +1 @@
-import e from "../esm/lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/messages.js";
-import { useState as t } from "react";
-import { useIntl as n } from "react-intl";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Button as a, Card as o, TextInput as s } from "@box/blueprint-web";
-import '../styles/custom-instance-new-field.css';var c = {
-	customInstanceNewFieldCard: "_customInstanceNewFieldCard_fcftk_1",
-	customInstanceNewFieldFooter: "_customInstanceNewFieldFooter_fcftk_6",
-	inputWrapper: "_inputWrapper_fcftk_13"
-}, l = (l) => {
-	let { onAdd: u, onCancel: d, formKeys: f = [] } = l, p = n(), [m, h] = t(""), [g, _] = t(""), [v, y] = t(""), b = f.length !== 0, x = (e) => {
-		h(e), v && y("");
-	};
-	return /* @__PURE__ */ i(o, {
-		"aria-label": p.formatMessage(e.addAttributeGroupAriaLabel),
-		className: c.customInstanceNewFieldCard,
-		"data-testid": "customInstanceNewField",
-		role: "group",
-		children: [
-			/* @__PURE__ */ r("div", {
-				className: c.inputWrapper,
-				children: /* @__PURE__ */ r(s, {
-					autoFocus: !0,
-					error: v,
-					label: p.formatMessage(e.customKeyLabel),
-					onChange: (e) => x(e.target.value),
-					placeholder: p.formatMessage(e.customKeyPlaceholder),
-					required: !0,
-					value: m
-				})
-			}),
-			/* @__PURE__ */ r("div", {
-				className: c.inputWrapper,
-				children: /* @__PURE__ */ r(s, {
-					label: p.formatMessage(e.valueLabel),
-					onChange: (e) => _(e.target.value),
-					placeholder: p.formatMessage(e.valuePlaceholder),
-					value: g
-				})
-			}),
-			/* @__PURE__ */ i("div", {
-				className: c.customInstanceNewFieldFooter,
-				children: [b && /* @__PURE__ */ r(a, {
-					onClick: d,
-					variant: "secondary",
-					"data-target-id": "Button-cancelCTA",
-					children: p.formatMessage(e.cancelCTA)
-				}), /* @__PURE__ */ r(a, {
-					onClick: () => {
-						m ? m.startsWith("$") ? y(p.formatMessage(e.customErrorInternalKey)) : f.includes(m) ? y(p.formatMessage(e.customErrorDuplicateKey)) : u(m, g) : y(p.formatMessage(e.keyFieldRequiredError));
-					},
-					variant: "primary",
-					"data-target-id": "Button-addNewFieldCTA",
-					children: p.formatMessage(e.addNewFieldCTA)
-				})]
-			})
-		]
-	});
-};
-export { l as t };
+import messages from"../esm/lib/components/metadata-instance-editor/subcomponents/custom-instance-new-field/messages.js";import{useState}from"react";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{Button,Card,TextInput}from"@box/blueprint-web";import '../styles/custom-instance-new-field.css';var custom_instance_new_field_module_default={customInstanceNewFieldCard:`_customInstanceNewFieldCard_fcftk_1`,customInstanceNewFieldFooter:`_customInstanceNewFieldFooter_fcftk_6`,inputWrapper:`_inputWrapper_fcftk_13`},CustomInstanceNewField=props=>{let{onAdd,onCancel,formKeys=[]}=props,intl=useIntl(),[key,setKey]=useState(``),[value,setValue]=useState(``),[error,setError]=useState(``),isCancellable=formKeys.length!==0,handleKeyChange=newKey=>{setKey(newKey),error&&setError(``)};return jsxs(Card,{"aria-label":intl.formatMessage(messages.addAttributeGroupAriaLabel),className:custom_instance_new_field_module_default.customInstanceNewFieldCard,"data-testid":`customInstanceNewField`,role:`group`,children:[jsx(`div`,{className:custom_instance_new_field_module_default.inputWrapper,children:jsx(TextInput,{autoFocus:!0,error,label:intl.formatMessage(messages.customKeyLabel),onChange:e=>handleKeyChange(e.target.value),placeholder:intl.formatMessage(messages.customKeyPlaceholder),required:!0,value:key})}),jsx(`div`,{className:custom_instance_new_field_module_default.inputWrapper,children:jsx(TextInput,{label:intl.formatMessage(messages.valueLabel),onChange:e=>setValue(e.target.value),placeholder:intl.formatMessage(messages.valuePlaceholder),value})}),jsxs(`div`,{className:custom_instance_new_field_module_default.customInstanceNewFieldFooter,children:[isCancellable&&jsx(Button,{onClick:onCancel,variant:`secondary`,"data-target-id":`Button-cancelCTA`,children:intl.formatMessage(messages.cancelCTA)}),jsx(Button,{onClick:()=>{key?key.startsWith(`$`)?setError(intl.formatMessage(messages.customErrorInternalKey)):formKeys.includes(key)?setError(intl.formatMessage(messages.customErrorDuplicateKey)):onAdd(key,value):setError(intl.formatMessage(messages.keyFieldRequiredError))},variant:`primary`,"data-target-id":`Button-addNewFieldCTA`,children:intl.formatMessage(messages.addNewFieldCTA)})]})]})};export{CustomInstanceNewField as t};

package/dist/chunks/custom-instance.js

@@ -1,74 +1 @@
-import { t as e } from "./custom-instance-new-field.js";
-import t from "../esm/lib/components/metadata-instance-editor/subcomponents/custom-instance/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, TextButton as l, TextInput as u } from "@box/blueprint-web";
-import { Field as d, FieldArray as f, useFormikContext as p } from "formik";
-import { Trash as m } from "@box/blueprint-web-assets/icons/Line";
-import '../styles/custom-instance.css';var h = {
-	customInstance: "_customInstance_xq8r7_1",
-	customInstanceField: "_customInstanceField_xq8r7_7",
-	customInstanceFieldInput: "_customInstanceFieldInput_xq8r7_12",
-	customInstanceFieldIcon: "_customInstanceFieldIcon_xq8r7_16"
-}, g = (g) => {
-	let { isLoading: _ } = g, { values: v } = p(), y = a(), [b, x] = i(!v.metadata.fields.length), [S, C] = i(0), w = () => {
-		C(v.metadata.fields.length);
-	}, T = (e) => {
-		C(e === 0 ? 0 : e - 1);
-	}, E = r(null);
-	return n(() => {
-		v.metadata.fields.length > 0 ? E.current.focus() : x(!0);
-	}, [S, v.metadata.fields.length]), /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(f, {
-		name: "metadata.fields",
-		children: ({ remove: n, push: r }) => /* @__PURE__ */ s("div", {
-			className: h.customInstance,
-			children: [
-				v?.metadata.fields.map((e, r) => /* @__PURE__ */ s("div", {
-					className: h.customInstanceField,
-					children: [/* @__PURE__ */ o("div", {
-						className: h.customInstanceFieldInput,
-						children: /* @__PURE__ */ o(d, {
-							name: `metadata.fields[${r}].value`,
-							children: ({ field: n, meta: i }) => /* @__PURE__ */ o(u, {
-								...n,
-								ref: r === S ? E : null,
-								disabled: _,
-								error: i.error,
-								label: e.key,
-								placeholder: y.formatMessage(t.setValuePlaceholder)
-							})
-						})
-					}), /* @__PURE__ */ o(c, {
-						"aria-label": y.formatMessage(t.removeAttribute, { fieldName: e.key }),
-						className: h.customInstanceFieldIcon,
-						disabled: _,
-						icon: m,
-						onClick: () => {
-							n(r), T(r);
-						},
-						size: "x-small",
-						"data-target-id": "IconButton-removeAttribute"
-					})]
-				}, e.key)),
-				b && /* @__PURE__ */ o(e, {
-					formKeys: v.metadata.fields.map((e) => e.key),
-					onAdd: (e, t) => {
-						r({
-							key: e,
-							value: t
-						}), w(), x(!1);
-					},
-					onCancel: () => x(!1)
-				}),
-				!b && /* @__PURE__ */ o(l, {
-					disabled: _,
-					onClick: () => x(!0),
-					"data-target-id": "TextButton-addAttribute",
-					children: y.formatMessage(t.addAttribute)
-				})
-			]
-		})
-	}) });
-};
-export { g as t };
+import{t as CustomInstanceNewField}from"./custom-instance-new-field.js";import messages from"../esm/lib/components/metadata-instance-editor/subcomponents/custom-instance/messages.js";import{useEffect,useRef,useState}from"react";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{IconButton,TextButton,TextInput}from"@box/blueprint-web";import{Field,FieldArray,useFormikContext}from"formik";import{Trash}from"@box/blueprint-web-assets/icons/Line";import '../styles/custom-instance.css';var custom_instance_module_default={customInstance:`_customInstance_xq8r7_1`,customInstanceField:`_customInstanceField_xq8r7_7`,customInstanceFieldInput:`_customInstanceFieldInput_xq8r7_12`,customInstanceFieldIcon:`_customInstanceFieldIcon_xq8r7_16`},CustomInstance=props=>{let{isLoading}=props,{values}=useFormikContext(),intl=useIntl(),[isNewFieldVisible,setIsNewFieldVisible]=useState(!values.metadata.fields.length),[autoFocusIndex,setAutoFocusIndex]=useState(0),handleAddAttribute=()=>{setAutoFocusIndex(values.metadata.fields.length)},handleRemoveAttribute=index=>{setAutoFocusIndex(index===0?0:index-1)},focusRef=useRef(null);return useEffect(()=>{values.metadata.fields.length>0?focusRef.current.focus():setIsNewFieldVisible(!0)},[autoFocusIndex,values.metadata.fields.length]),jsx(`div`,{children:jsx(FieldArray,{name:`metadata.fields`,children:({remove,push})=>jsxs(`div`,{className:custom_instance_module_default.customInstance,children:[values?.metadata.fields.map((metadataField,index)=>jsxs(`div`,{className:custom_instance_module_default.customInstanceField,children:[jsx(`div`,{className:custom_instance_module_default.customInstanceFieldInput,children:jsx(Field,{name:`metadata.fields[${index}].value`,children:({field,meta})=>jsx(TextInput,{...field,ref:index===autoFocusIndex?focusRef:null,disabled:isLoading,error:meta.error,label:metadataField.key,placeholder:intl.formatMessage(messages.setValuePlaceholder)})})}),jsx(IconButton,{"aria-label":intl.formatMessage(messages.removeAttribute,{fieldName:metadataField.key}),className:custom_instance_module_default.customInstanceFieldIcon,disabled:isLoading,icon:Trash,onClick:()=>{remove(index),handleRemoveAttribute(index)},size:`x-small`,"data-target-id":`IconButton-removeAttribute`})]},metadataField.key)),isNewFieldVisible&&jsx(CustomInstanceNewField,{formKeys:values.metadata.fields.map(field=>field.key),onAdd:(key,value)=>{push({key,value}),handleAddAttribute(),setIsNewFieldVisible(!1)},onCancel:()=>setIsNewFieldVisible(!1)}),!isNewFieldVisible&&jsx(TextButton,{disabled:isLoading,onClick:()=>setIsNewFieldVisible(!0),"data-target-id":`TextButton-addAttribute`,children:intl.formatMessage(messages.addAttribute)})]})})})};export{CustomInstance as t};

package/dist/chunks/delete-confirmation-modal.js

@@ -1,76 +1 @@
-import e from "../esm/lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/messages.js";
-import { useState as t } from "react";
-import { FormattedMessage as n, useIntl as r } from "react-intl";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Checkbox as o, Modal as s, Text as c, TextInput as l } from "@box/blueprint-web";
-import '../styles/delete-confirmation-modal.css';var u = { modalBody: "_modalBody_1wc7x_1" }, d = ({ onConfirm: d, templateName: f, onDismiss: p, open: m, isCheckboxEnabled: h }) => {
-	let g = r(), [_, v] = t(""), [y, b] = t(!1), x = (e) => {
-		e || (p(), v(""), b(!1));
-	}, S = f || g.formatMessage(e.deleteConfirmationModalCustomMetadata), C = _ === S, w = () => {
-		b(!y);
-	}, T = () => {
-		d(), x(!1);
-	};
-	return /* @__PURE__ */ i(s, {
-		onOpenChange: x,
-		open: m,
-		children: /* @__PURE__ */ a(s.Content, {
-			onEscapeKeyDown: (e) => e.stopPropagation(),
-			size: "small",
-			children: [
-				/* @__PURE__ */ i(s.Header, {
-					"aria-label": g.formatMessage(e.deleteConfirmationModalHeaderAriaLabel),
-					children: /* @__PURE__ */ i(n, {
-						...e.deleteConfirmationModalHeader,
-						values: { templateName: S }
-					})
-				}),
-				/* @__PURE__ */ i(s.ScrollableContainer, { children: /* @__PURE__ */ a(s.Body, {
-					className: u.modalBody,
-					children: [
-						/* @__PURE__ */ i(c, {
-							as: "p",
-							children: h ? /* @__PURE__ */ i(n, {
-								...e.deleteConfirmationModalBodyFirstParagraphCheckboxVersion,
-								values: { templateName: S }
-							}) : /* @__PURE__ */ i(n, {
-								...e.deleteConfirmationModalBodyFirstParagraph,
-								values: { templateName: S }
-							})
-						}),
-						!h && /* @__PURE__ */ i(c, {
-							as: "p",
-							children: /* @__PURE__ */ i(n, { ...e.deleteConfirmationModalBodySecondParagraph })
-						}),
-						h ? /* @__PURE__ */ i(o.Item, {
-							checked: y,
-							"data-resin-target": "checkbox",
-							label: g.formatMessage(e.deleteConfirmationModalBodyCheckboxLabel),
-							onCheckedChange: w,
-							value: "overageCheckbox"
-						}) : /* @__PURE__ */ i(l, {
-							label: g.formatMessage(e.deleteConfirmationModalBodyInputFieldLabel),
-							onChange: (e) => v(e.target.value),
-							placeholder: S,
-							required: !0,
-							value: _
-						})
-					]
-				}) }),
-				/* @__PURE__ */ a(s.Footer, { children: [/* @__PURE__ */ i(s.Footer.SecondaryButton, {
-					onClick: () => x(!1),
-					size: "large",
-					"data-target-id": "Modal.Footer.SecondaryButton-deleteConfirmationModalCancelButton",
-					children: g.formatMessage(e.deleteConfirmationModalCancelButton)
-				}), /* @__PURE__ */ i(s.Footer.PrimaryButton, {
-					disabled: h ? !y : !C,
-					onClick: T,
-					size: "large",
-					children: g.formatMessage(h ? e.deleteConfirmationModalConfirmButtonCheckboxVersion : e.deleteConfirmationModalConfirmButton)
-				})] }),
-				/* @__PURE__ */ i(s.Close, { "aria-label": g.formatMessage(e.deleteConfirmationModalDismissButton) })
-			]
-		})
-	});
-};
-export { d as t };
+import messages from"../esm/lib/components/metadata-instance-editor/subcomponents/delete-confirmation-modal/messages.js";import{useState}from"react";import{FormattedMessage,useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{Checkbox,Modal,Text,TextInput}from"@box/blueprint-web";import '../styles/delete-confirmation-modal.css';var delete_confirmation_modal_module_default={modalBody:`_modalBody_1wc7x_1`},DeleteConfirmationModal=({onConfirm,templateName,onDismiss,open,isCheckboxEnabled})=>{let intl=useIntl(),[inputValue,setInputValue]=useState(``),[isChecked,setIsChecked]=useState(!1),handleOpenChange=openState=>{openState||(onDismiss(),setInputValue(``),setIsChecked(!1))},formattedTemplateName=templateName||intl.formatMessage(messages.deleteConfirmationModalCustomMetadata),isInputValueValid=inputValue===formattedTemplateName,handleCheckboxChange=()=>{setIsChecked(!isChecked)},handleConfirm=()=>{onConfirm(),handleOpenChange(!1)};return jsx(Modal,{onOpenChange:handleOpenChange,open,children:jsxs(Modal.Content,{onEscapeKeyDown:e=>e.stopPropagation(),size:`small`,children:[jsx(Modal.Header,{"aria-label":intl.formatMessage(messages.deleteConfirmationModalHeaderAriaLabel),children:jsx(FormattedMessage,{...messages.deleteConfirmationModalHeader,values:{templateName:formattedTemplateName}})}),jsx(Modal.ScrollableContainer,{children:jsxs(Modal.Body,{className:delete_confirmation_modal_module_default.modalBody,children:[jsx(Text,{as:`p`,children:isCheckboxEnabled?jsx(FormattedMessage,{...messages.deleteConfirmationModalBodyFirstParagraphCheckboxVersion,values:{templateName:formattedTemplateName}}):jsx(FormattedMessage,{...messages.deleteConfirmationModalBodyFirstParagraph,values:{templateName:formattedTemplateName}})}),!isCheckboxEnabled&&jsx(Text,{as:`p`,children:jsx(FormattedMessage,{...messages.deleteConfirmationModalBodySecondParagraph})}),isCheckboxEnabled?jsx(Checkbox.Item,{checked:isChecked,"data-resin-target":`checkbox`,label:intl.formatMessage(messages.deleteConfirmationModalBodyCheckboxLabel),onCheckedChange:handleCheckboxChange,value:`overageCheckbox`}):jsx(TextInput,{label:intl.formatMessage(messages.deleteConfirmationModalBodyInputFieldLabel),onChange:event=>setInputValue(event.target.value),placeholder:formattedTemplateName,required:!0,value:inputValue})]})}),jsxs(Modal.Footer,{children:[jsx(Modal.Footer.SecondaryButton,{onClick:()=>handleOpenChange(!1),size:`large`,"data-target-id":`Modal.Footer.SecondaryButton-deleteConfirmationModalCancelButton`,children:intl.formatMessage(messages.deleteConfirmationModalCancelButton)}),jsx(Modal.Footer.PrimaryButton,{disabled:isCheckboxEnabled?!isChecked:!isInputValueValid,onClick:handleConfirm,size:`large`,children:intl.formatMessage(isCheckboxEnabled?messages.deleteConfirmationModalConfirmButtonCheckboxVersion:messages.deleteConfirmationModalConfirmButton)})]}),jsx(Modal.Close,{"aria-label":intl.formatMessage(messages.deleteConfirmationModalDismissButton)})]})})};export{DeleteConfirmationModal as t};

package/dist/chunks/field-action-bar.module.js

@@ -1,7 +1 @@
-import '../styles/field-action-bar.css';var e = {
-	wrapperGradient: "_wrapperGradient_9h730_1",
-	wrapper: "_wrapper_9h730_1",
-	buttons: "_buttons_9h730_25",
-	loader: "_loader_9h730_30"
-};
-export { e as t };
+import '../styles/field-action-bar.css';var field_action_bar_module_default={wrapperGradient:`_wrapperGradient_9h730_1`,wrapper:`_wrapper_9h730_1`,buttons:`_buttons_9h730_25`,loader:`_loader_9h730_30`};export{field_action_bar_module_default as t};

package/dist/chunks/filter-dropdown-menu.module.js

@@ -1,12 +1 @@
-import '../styles/filter-dropdown-menu.css';var e = {
-	content: "_content_19nii_27",
-	scrollableContainer: "_scrollableContainer_19nii_58",
-	item: "_item_19nii_63",
-	option: "_option_19nii_73",
-	search: "_search_19nii_94",
-	searchIcon: "_searchIcon_19nii_99",
-	clearSearchIcon: "_clearSearchIcon_19nii_108",
-	searchInput: "_searchInput_19nii_116",
-	searchDivider: "_searchDivider_19nii_171"
-};
-export { e as t };
+import '../styles/filter-dropdown-menu.css';var filter_dropdown_menu_module_default={content:`_content_19nii_27`,scrollableContainer:`_scrollableContainer_19nii_58`,item:`_item_19nii_63`,option:`_option_19nii_73`,search:`_search_19nii_94`,searchIcon:`_searchIcon_19nii_99`,clearSearchIcon:`_clearSearchIcon_19nii_108`,searchInput:`_searchInput_19nii_116`,searchDivider:`_searchDivider_19nii_171`};export{filter_dropdown_menu_module_default as t};