@box/metadata-editor 2.3.9 → 2.3.11

package/dist/chunks/filter-instances-dropdown.js

@@ -1,84 +1 @@
-import { getTemplateDisplayName as e, getVisibleTemplates as t } from "../esm/lib/utils/utils.js";
-import n from "../esm/lib/components/filter-instances-dropdown/messages.js";
-import { useEffect as r } from "react";
-import { useIntl as i } from "react-intl";
-import { Select as a, SelectItem as o, SelectItemCheck as s, SelectPopover as c, SelectProvider as l } from "@ariakit/react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import f from "clsx";
-import { Divider as p, ScrollableContainer as m, Text as h, TriggerButton as g } from "@box/blueprint-web";
-import { Checkmark as _ } from "@box/blueprint-web-assets/icons/Fill";
-import { Space1 as v } from "@box/blueprint-web-assets/tokens/px-tokens";
-import '../styles/filter-instances-dropdown.css';var y = {
-	details: "_details_1wstu_27",
-	triggerContainer: "_triggerContainer_1wstu_31",
-	triggerButton: "_triggerButton_1wstu_36",
-	popover: "_popover_1wstu_42",
-	divider: "_divider_1wstu_71",
-	scrollableContainer: "_scrollableContainer_1wstu_74",
-	item: "_item_1wstu_78",
-	indicator: "_indicator_1wstu_105",
-	indicatorIcon: "_indicatorIcon_1wstu_114",
-	testContainer: "_testContainer_1wstu_118"
-}, b = parseInt(v, 10);
-function x({ appliedTemplates: v, selectedTemplates: x, setSelectedTemplates: S }) {
-	let C = i(), w = C.formatMessage(n.customMetadataName), T = t(v), E = x.length, D = T.length, O = E === 0 ? C.formatMessage(n.allTemplatesTriggerButtonText) : C.formatMessage(n.selectedTemplatesTriggerButtonText, {
-		selectedTemplatesNumber: E,
-		visibleTemplatesNumber: D
-	});
-	return r(() => {
-		E === D && S([]);
-	}, [E, D]), /* @__PURE__ */ d(l, {
-		setValue: S,
-		value: x,
-		children: [/* @__PURE__ */ d("div", {
-			className: y.triggerContainer,
-			children: [/* @__PURE__ */ u(a, { render: /* @__PURE__ */ u(g, {
-				caretDirection: "down",
-				className: y.triggerButton,
-				label: O,
-				size: "small",
-				variant: "tertiary",
-				"data-target-id": "TriggerButton-allTemplatesTriggerButtonText|selectedTemplatesTriggerButtonText"
-			}) }), T.length > 0 && /* @__PURE__ */ u(h, {
-				as: "p",
-				className: y.details,
-				color: "textOnLightSecondary",
-				"data-testid": "detailsList",
-				variant: "caption",
-				children: T.filter((e) => x.some((t) => t === e.id)).map((t) => e(t, w)).join(", ")
-			})]
-		}), /* @__PURE__ */ u(c, {
-			className: y.popover,
-			gutter: b,
-			children: /* @__PURE__ */ d(m, {
-				className: y.scrollableContainer,
-				children: [
-					/* @__PURE__ */ d(o, {
-						autoFocus: E === 0,
-						className: y.item,
-						hideOnClick: !0,
-						onClick: () => {
-							S([]);
-						},
-						children: [E === 0 && /* @__PURE__ */ u(_, { className: f(y.indicator, y.indicatorIcon) }), C.formatMessage(n.allTemplatesTriggerButtonText)]
-					}),
-					/* @__PURE__ */ u(p, { className: y.divider }),
-					T.map((t) => /* @__PURE__ */ d(o, {
-						className: y.item,
-						hideOnClick: !0,
-						value: t.id,
-						children: [/* @__PURE__ */ u(s, {
-							className: y.indicator,
-							style: {
-								width: "none",
-								height: "none"
-							},
-							children: /* @__PURE__ */ u(_, { className: y.indicatorIcon })
-						}), e(t, w)]
-					}, t.id))
-				]
-			})
-		})]
-	});
-}
-export { x as t };
+import{getTemplateDisplayName,getVisibleTemplates}from"../esm/lib/utils/utils.js";import messages from"../esm/lib/components/filter-instances-dropdown/messages.js";import{useEffect}from"react";import{useIntl}from"react-intl";import{Select,SelectItem,SelectItemCheck,SelectPopover,SelectProvider}from"@ariakit/react";import{jsx,jsxs}from"react/jsx-runtime";import clsx from"clsx";import{Divider,ScrollableContainer,Text,TriggerButton}from"@box/blueprint-web";import{Checkmark}from"@box/blueprint-web-assets/icons/Fill";import{Space1}from"@box/blueprint-web-assets/tokens/px-tokens";import '../styles/filter-instances-dropdown.css';var filter_instances_dropdown_module_default={details:`_details_1wstu_27`,triggerContainer:`_triggerContainer_1wstu_31`,triggerButton:`_triggerButton_1wstu_36`,popover:`_popover_1wstu_42`,divider:`_divider_1wstu_71`,scrollableContainer:`_scrollableContainer_1wstu_74`,item:`_item_1wstu_78`,indicator:`_indicator_1wstu_105`,indicatorIcon:`_indicatorIcon_1wstu_114`,testContainer:`_testContainer_1wstu_118`},selectPopoverGutter=parseInt(Space1,10);function FilterInstancesDropdown({appliedTemplates,selectedTemplates,setSelectedTemplates}){let intl=useIntl(),customMetadataName=intl.formatMessage(messages.customMetadataName),visibleTemplates=getVisibleTemplates(appliedTemplates),selectedTemplatesNumber=selectedTemplates.length,visibleTemplatesNumber=visibleTemplates.length,triggerButtonText=selectedTemplatesNumber===0?intl.formatMessage(messages.allTemplatesTriggerButtonText):intl.formatMessage(messages.selectedTemplatesTriggerButtonText,{selectedTemplatesNumber,visibleTemplatesNumber});return useEffect(()=>{selectedTemplatesNumber===visibleTemplatesNumber&&setSelectedTemplates([])},[selectedTemplatesNumber,visibleTemplatesNumber]),jsxs(SelectProvider,{setValue:setSelectedTemplates,value:selectedTemplates,children:[jsxs(`div`,{className:filter_instances_dropdown_module_default.triggerContainer,children:[jsx(Select,{render:jsx(TriggerButton,{caretDirection:`down`,className:filter_instances_dropdown_module_default.triggerButton,label:triggerButtonText,size:`small`,variant:`tertiary`,"data-target-id":`TriggerButton-allTemplatesTriggerButtonText|selectedTemplatesTriggerButtonText`})}),visibleTemplates.length>0&&jsx(Text,{as:`p`,className:filter_instances_dropdown_module_default.details,color:`textOnLightSecondary`,"data-testid":`detailsList`,variant:`caption`,children:visibleTemplates.filter(visibleTemplate=>selectedTemplates.some(selectedTemplate=>selectedTemplate===visibleTemplate.id)).map(visibleTemplate=>getTemplateDisplayName(visibleTemplate,customMetadataName)).join(`, `)})]}),jsx(SelectPopover,{className:filter_instances_dropdown_module_default.popover,gutter:selectPopoverGutter,children:jsxs(ScrollableContainer,{className:filter_instances_dropdown_module_default.scrollableContainer,children:[jsxs(SelectItem,{autoFocus:selectedTemplatesNumber===0,className:filter_instances_dropdown_module_default.item,hideOnClick:!0,onClick:()=>{setSelectedTemplates([])},children:[selectedTemplatesNumber===0&&jsx(Checkmark,{className:clsx(filter_instances_dropdown_module_default.indicator,filter_instances_dropdown_module_default.indicatorIcon)}),intl.formatMessage(messages.allTemplatesTriggerButtonText)]}),jsx(Divider,{className:filter_instances_dropdown_module_default.divider}),visibleTemplates.map(template=>jsxs(SelectItem,{className:filter_instances_dropdown_module_default.item,hideOnClick:!0,value:template.id,children:[jsx(SelectItemCheck,{className:filter_instances_dropdown_module_default.indicator,style:{width:`none`,height:`none`},children:jsx(Checkmark,{className:filter_instances_dropdown_module_default.indicatorIcon})}),getTemplateDisplayName(template,customMetadataName)]},template.id))]})})]})}export{FilterInstancesDropdown as t};

package/dist/chunks/interactive-header-text.js

@@ -1,19 +1 @@
-import { useRef as e } from "react";
-import { Focusable as t } from "@ariakit/react";
-import { jsx as n } from "react/jsx-runtime";
-import r from "clsx";
-import { Text as i, Tooltip as a, useIsEllipsized as o } from "@box/blueprint-web";
-import '../styles/interactive-header-text.css';var s = { header: "_header_qqeyd_1" }, c = ({ className: c, title: l }) => {
-	let u = e(null), d = o(u), f = /* @__PURE__ */ n(t, { render: /* @__PURE__ */ n(i, {
-		ref: u,
-		as: "h4",
-		className: r(s.header, c),
-		variant: "titleMedium",
-		children: l
-	}) });
-	return d ? /* @__PURE__ */ n(a, {
-		content: l,
-		children: f
-	}) : f;
-};
-export { c as t };
+import{useRef}from"react";import{Focusable}from"@ariakit/react";import{jsx}from"react/jsx-runtime";import clsx from"clsx";import{Text,Tooltip,useIsEllipsized}from"@box/blueprint-web";import '../styles/interactive-header-text.css';var interactive_header_text_module_default={header:`_header_qqeyd_1`},InteractiveHeaderText=({className,title})=>{let titleRef=useRef(null),isEllipsized=useIsEllipsized(titleRef),text=jsx(Focusable,{render:jsx(Text,{ref:titleRef,as:`h4`,className:clsx(interactive_header_text_module_default.header,className),variant:`titleMedium`,children:title})});return isEllipsized?jsx(Tooltip,{content:title,children:text}):text};export{InteractiveHeaderText as t};

package/dist/chunks/interactive-text.module.js

@@ -1,5 +1 @@
-import '../styles/interactive-text.css';var e = {
-	interactiveText: "_interactiveText_1szjz_1",
-	interactiveTextHint: "_interactiveTextHint_1szjz_6"
-};
-export { e as t };
+import '../styles/interactive-text.css';var interactive_text_module_default={interactiveText:`_interactiveText_1szjz_1`,interactiveTextHint:`_interactiveTextHint_1szjz_6`};export{interactive_text_module_default as t};

package/dist/chunks/metadata-editor.js

@@ -1,9 +1 @@
-import { jsx as e } from "react/jsx-runtime";
-import '../styles/metadata-editor.css';var t = {};
-function n(n) {
-	return /* @__PURE__ */ e("div", {
-		className: t.container,
-		children: /* @__PURE__ */ e("h1", { children: "Welcome to MetadataEditor!" })
-	});
-}
-export { n as t };
+import{jsx}from"react/jsx-runtime";import '../styles/metadata-editor.css';var metadata_editor_module_default={};function MetadataEditor(props){return jsx(`div`,{className:metadata_editor_module_default.container,children:jsx(`h1`,{children:`Welcome to MetadataEditor!`})})}export{MetadataEditor as t};

package/dist/chunks/metadata-instance-content.js

@@ -1,43 +1 @@
-import { t as e } from "./metadata-instance-entry.js";
-import { useMemo as t } from "react";
-import { jsx as n } from "react/jsx-runtime";
-import r from "clsx";
-import '../styles/metadata-instance-content.css';var i = {
-	metadataInstanceContent: "_metadataInstanceContent_1cb0f_1",
-	metadataInstanceContentReducedGap: "_metadataInstanceContentReducedGap_1cb0f_7"
-}, a = ({ onSelectMetadataField: a, selectedMetadataFieldId: o, shouldHideEmptyValues: s, templateInstance: c, taxonomyNodeFetcher: l, isConfidenceScoreReviewEnabled: u, isBoundingBoxEnabled: d }) => {
-	let { fields: f = [] } = c, p = d || u, m = t(() => f.filter((e) => !e.hidden).map((t) => {
-		let r = a ? () => a(t) : void 0;
-		return /* @__PURE__ */ n(e, {
-			confidenceScore: t.confidenceScore,
-			description: t.description,
-			isConfidenceScoreReviewEnabled: u,
-			isBoundingBoxEnabled: d,
-			isExternallyOwned: c.isExternallyOwned,
-			isSelected: o === t.id,
-			name: t.displayName || t.key,
-			onClick: r,
-			scope: t.namespace,
-			shouldHideEmptyValues: s,
-			taxonomyKey: t.taxonomyKey,
-			taxonomyNodeFetcher: l,
-			type: t.type,
-			value: t.value,
-			targetLocation: t.targetLocation
-		}, t.id);
-	}), [
-		f,
-		u,
-		d,
-		a,
-		o,
-		s,
-		l,
-		c.isExternallyOwned
-	]);
-	return /* @__PURE__ */ n("div", {
-		className: r(i.metadataInstanceContent, p && i.metadataInstanceContentReducedGap),
-		children: m
-	});
-};
-export { a as t };
+import{t as MetadataInstanceEntry}from"./metadata-instance-entry.js";import{useMemo}from"react";import{jsx}from"react/jsx-runtime";import clsx from"clsx";import '../styles/metadata-instance-content.css';var metadata_instance_content_module_default={metadataInstanceContent:`_metadataInstanceContent_1cb0f_1`,metadataInstanceContentReducedGap:`_metadataInstanceContentReducedGap_1cb0f_7`},MetadataInstanceContent=({onSelectMetadataField,selectedMetadataFieldId,shouldHideEmptyValues,templateInstance,taxonomyNodeFetcher,isConfidenceScoreReviewEnabled,isBoundingBoxEnabled})=>{let{fields=[]}=templateInstance,isBoundingBoxOrConfidenceScoreReviewEnabled=isBoundingBoxEnabled||isConfidenceScoreReviewEnabled,content=useMemo(()=>fields.filter(field=>!field.hidden).map(field=>{let handleClick=onSelectMetadataField?()=>onSelectMetadataField(field):void 0;return jsx(MetadataInstanceEntry,{confidenceScore:field.confidenceScore,description:field.description,isConfidenceScoreReviewEnabled,isBoundingBoxEnabled,isExternallyOwned:templateInstance.isExternallyOwned,isSelected:selectedMetadataFieldId===field.id,name:field.displayName||field.key,onClick:handleClick,scope:field.namespace,shouldHideEmptyValues,taxonomyKey:field.taxonomyKey,taxonomyNodeFetcher,type:field.type,value:field.value,targetLocation:field.targetLocation},field.id)}),[fields,isConfidenceScoreReviewEnabled,isBoundingBoxEnabled,onSelectMetadataField,selectedMetadataFieldId,shouldHideEmptyValues,taxonomyNodeFetcher,templateInstance.isExternallyOwned]);return jsx(`div`,{className:clsx(metadata_instance_content_module_default.metadataInstanceContent,isBoundingBoxOrConfidenceScoreReviewEnabled&&metadata_instance_content_module_default.metadataInstanceContentReducedGap),children:content})};export{MetadataInstanceContent as t};

package/dist/chunks/metadata-instance-entry.js

@@ -1,104 +1 @@
-import e from "../esm/lib/messages.js";
-import { EVENT_NAMES as t } from "../esm/lib/utils/analytics/events.js";
-import { useMetadataEditorAnalytics as n } from "../esm/lib/utils/analytics/analytics-context.js";
-import { checkIfHasBoundingBoxes as r } from "../esm/lib/utils/check-if-has-bounding-boxes.js";
-import { getConfidenceScoreTooltip as i } from "../esm/lib/utils/confidence-score/get-confidence-score-tooltip.js";
-import { isConfidenceScoreNeedingReview as a } from "../esm/lib/utils/confidence-score/is-confidence-score-needing-review.js";
-import { t as o } from "./shared-field-styles.module.js";
-import { convertISOStringToUTCDate as s } from "../esm/lib/utils/convertDate.js";
-import { t as c } from "./interactive-text.module.js";
-import l from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/messages.js";
-import { MetadataEntryDisplay as u } from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/metadata-entry-display.js";
-import { useRef as d } from "react";
-import { FormattedDate as f, useIntl as ee } from "react-intl";
-import { Focusable as p } from "@ariakit/react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import g from "clsx";
-import { Status as _, Text as v, Tooltip as y, useIsEllipsized as b } from "@box/blueprint-web";
-import { AlertCircle as x } from "@box/blueprint-web-assets/icons/Medium";
-import '../styles/metadata-instance-entry.css';var S = {
-	metadataInstanceEntry: "_metadataInstanceEntry_1ygbk_1",
-	name: "_name_1ygbk_6",
-	nameText: "_nameText_1ygbk_13",
-	labelContainer: "_labelContainer_1ygbk_21",
-	nameLabel: "_nameLabel_1ygbk_28",
-	confidenceScoreIcon: "_confidenceScoreIcon_1ygbk_43"
-}, C = ({ description: C, isSelected: w, name: T, onClick: E, shouldHideEmptyValues: D, type: O, value: k, taxonomyNodeFetcher: A, taxonomyKey: j, scope: M, isExternallyOwned: N, confidenceScore: P, isConfidenceScoreReviewEnabled: F = !1, isBoundingBoxEnabled: I = !1, targetLocation: L }) => {
-	let R = ee(), { trackEvent: z } = n(), B = d(null), V = b(B), H = (e) => {
-		B.current = e instanceof HTMLElement ? e : null;
-	}, U = I || F, W = F && !!P && a(P), G = r(L), K = U && G && !!E, q = W ? i(R.formatMessage, P) : null, J = () => z(t.LOW_CONF_ICON_HOVER_READ_MODE, {
-		fieldType: O,
-		confidenceLevel: P?.level,
-		scope: M
-	}), Y = typeof k == "number" ? k.toString() : k ? Array.isArray(k) ? k.join(", ") : O === "date" && typeof k == "string" ? /* @__PURE__ */ m(f, {
-		day: "numeric",
-		month: "long",
-		value: s(k),
-		year: "numeric"
-	}) : k : null, X = {
-		"data-metadata-field": !0,
-		"data-target-id": "Button-metadataEditorFieldReadClick",
-		"data-testid": "metadata-field",
-		onClick: E,
-		onKeyDown: (e) => {
-			e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), E?.());
-		},
-		role: "button",
-		tabIndex: 0
-	};
-	if (D && !Y) return null;
-	let Z = (() => {
-		if (C) return V ? /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("div", { children: T }), /* @__PURE__ */ m("div", { children: C })] }) : C;
-		if (V) return T;
-	})(), Q = /* @__PURE__ */ m("h5", {
-		className: S.name,
-		children: /* @__PURE__ */ m(v, {
-			ref: H,
-			as: "span",
-			className: g(S.nameText, C && c.interactiveTextHint),
-			color: "textOnLightSecondary",
-			variant: "bodyDefaultBold",
-			children: T
-		})
-	}), $ = /* @__PURE__ */ h("div", {
-		className: g(S.metadataInstanceEntry, U && o.spacious, K && o.clickableField, K && w && o.selectedField),
-		...K && X,
-		children: [/* @__PURE__ */ h("div", {
-			className: S.labelContainer,
-			children: [q && /* @__PURE__ */ m(y, {
-				content: q,
-				children: /* @__PURE__ */ m("span", {
-					className: S.confidenceScoreIcon,
-					children: /* @__PURE__ */ m(_, {
-						"data-target-id": "Status-metadataInstanceEntryConfidenceScoreIcon",
-						color: "SurfaceStatusSurfaceGray",
-						hideText: !0,
-						icon: x,
-						interactive: !0,
-						text: R.formatMessage(l.confidenceScoreIconAriaLabel),
-						onMouseEnter: J
-					})
-				})
-			}), /* @__PURE__ */ m("div", {
-				className: S.nameLabel,
-				children: Z ? /* @__PURE__ */ m(y, {
-					content: Z,
-					children: /* @__PURE__ */ m(p, { render: Q })
-				}) : Q
-			})]
-		}), /* @__PURE__ */ m(u, {
-			formattedValue: Y,
-			isExternallyOwned: N,
-			scope: M,
-			taxonomyKey: j,
-			taxonomyNodeFetcher: A,
-			type: O,
-			value: k
-		})]
-	});
-	return K ? /* @__PURE__ */ m(y, {
-		content: R.formatMessage(e.viewOnDocument),
-		children: $
-	}) : $;
-};
-export { C as t };
+import messages from"../esm/lib/messages.js";import{EVENT_NAMES}from"../esm/lib/utils/analytics/events.js";import{useMetadataEditorAnalytics}from"../esm/lib/utils/analytics/analytics-context.js";import{checkIfHasBoundingBoxes}from"../esm/lib/utils/check-if-has-bounding-boxes.js";import{getConfidenceScoreTooltip}from"../esm/lib/utils/confidence-score/get-confidence-score-tooltip.js";import{isConfidenceScoreNeedingReview}from"../esm/lib/utils/confidence-score/is-confidence-score-needing-review.js";import{t as shared_field_styles_module_default}from"./shared-field-styles.module.js";import{convertISOStringToUTCDate}from"../esm/lib/utils/convertDate.js";import{t as interactive_text_module_default}from"./interactive-text.module.js";import messages$1 from"../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/messages.js";import{MetadataEntryDisplay}from"../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/metadata-entry-display.js";import{useRef}from"react";import{FormattedDate,useIntl}from"react-intl";import{Focusable}from"@ariakit/react";import{jsx,jsxs}from"react/jsx-runtime";import clsx from"clsx";import{Status,Text,Tooltip,useIsEllipsized}from"@box/blueprint-web";import{AlertCircle}from"@box/blueprint-web-assets/icons/Medium";import '../styles/metadata-instance-entry.css';var metadata_instance_entry_module_default={metadataInstanceEntry:`_metadataInstanceEntry_1ygbk_1`,name:`_name_1ygbk_6`,nameText:`_nameText_1ygbk_13`,labelContainer:`_labelContainer_1ygbk_21`,nameLabel:`_nameLabel_1ygbk_28`,confidenceScoreIcon:`_confidenceScoreIcon_1ygbk_43`},MetadataInstanceEntry=({description,isSelected,name,onClick,shouldHideEmptyValues,type,value,taxonomyNodeFetcher,taxonomyKey,scope,isExternallyOwned,confidenceScore,isConfidenceScoreReviewEnabled=!1,isBoundingBoxEnabled=!1,targetLocation})=>{let intl=useIntl(),{trackEvent}=useMetadataEditorAnalytics(),nameEllipsisRef=useRef(null),isNameEllipsized=useIsEllipsized(nameEllipsisRef),nameTextRef=node=>{nameEllipsisRef.current=node instanceof HTMLElement?node:null},isBoundingBoxOrConfidenceScoreReviewEnabled=isBoundingBoxEnabled||isConfidenceScoreReviewEnabled,isLowConfidenceScore=isConfidenceScoreReviewEnabled&&!!confidenceScore&&isConfidenceScoreNeedingReview(confidenceScore),hasBoundingBoxes=checkIfHasBoundingBoxes(targetLocation),isClickable=isBoundingBoxOrConfidenceScoreReviewEnabled&&hasBoundingBoxes&&!!onClick,confidenceScoreTooltipText=isLowConfidenceScore?getConfidenceScoreTooltip(intl.formatMessage,confidenceScore):null,handleLowConfIconHover=()=>trackEvent(EVENT_NAMES.LOW_CONF_ICON_HOVER_READ_MODE,{fieldType:type,confidenceLevel:confidenceScore?.level,scope}),formattedValue=typeof value==`number`?value.toString():value?Array.isArray(value)?value.join(`, `):type===`date`&&typeof value==`string`?jsx(FormattedDate,{day:`numeric`,month:`long`,value:convertISOStringToUTCDate(value),year:`numeric`}):value:null,clickableFieldProps={"data-metadata-field":!0,"data-target-id":`Button-metadataEditorFieldReadClick`,"data-testid":`metadata-field`,onClick,onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),e.stopPropagation(),onClick?.())},role:`button`,tabIndex:0};if(shouldHideEmptyValues&&!formattedValue)return null;let nameTooltipContent=(()=>{if(description)return isNameEllipsized?jsxs(`div`,{children:[jsx(`div`,{children:name}),jsx(`div`,{children:description})]}):description;if(isNameEllipsized)return name})(),nameText=jsx(`h5`,{className:metadata_instance_entry_module_default.name,children:jsx(Text,{ref:nameTextRef,as:`span`,className:clsx(metadata_instance_entry_module_default.nameText,description&&interactive_text_module_default.interactiveTextHint),color:`textOnLightSecondary`,variant:`bodyDefaultBold`,children:name})}),content=jsxs(`div`,{className:clsx(metadata_instance_entry_module_default.metadataInstanceEntry,isBoundingBoxOrConfidenceScoreReviewEnabled&&shared_field_styles_module_default.spacious,isClickable&&shared_field_styles_module_default.clickableField,isClickable&&isSelected&&shared_field_styles_module_default.selectedField),...isClickable&&clickableFieldProps,children:[jsxs(`div`,{className:metadata_instance_entry_module_default.labelContainer,children:[confidenceScoreTooltipText&&jsx(Tooltip,{content:confidenceScoreTooltipText,children:jsx(`span`,{className:metadata_instance_entry_module_default.confidenceScoreIcon,children:jsx(Status,{"data-target-id":`Status-metadataInstanceEntryConfidenceScoreIcon`,color:`SurfaceStatusSurfaceGray`,hideText:!0,icon:AlertCircle,interactive:!0,text:intl.formatMessage(messages$1.confidenceScoreIconAriaLabel),onMouseEnter:handleLowConfIconHover})})}),jsx(`div`,{className:metadata_instance_entry_module_default.nameLabel,children:nameTooltipContent?jsx(Tooltip,{content:nameTooltipContent,children:jsx(Focusable,{render:nameText})}):nameText})]}),jsx(MetadataEntryDisplay,{formattedValue,isExternallyOwned,scope,taxonomyKey,taxonomyNodeFetcher,type,value})]});return isClickable?jsx(Tooltip,{content:intl.formatMessage(messages.viewOnDocument),children:content}):content};export{MetadataInstanceEntry as t};

package/dist/chunks/metadata-instance-footer.js

@@ -1,25 +1 @@
-import e from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-footer/messages.js";
-import { useIntl as t } from "react-intl";
-import { jsx as n } from "react/jsx-runtime";
-import { TextButton as r } from "@box/blueprint-web";
-import '../styles/metadata-instance-footer.css';var i = {
-	metadataInstanceFooter: "_metadataInstanceFooter_r5r5c_1",
-	button: "_button_r5r5c_5"
-}, a = ({ isAnyEmptyValueHidden: a, onHideEmptyValues: o, onShowEmptyValues: s }) => {
-	let c = t();
-	return /* @__PURE__ */ n("div", {
-		className: i.metadataInstanceFooter,
-		children: a ? /* @__PURE__ */ n(r, {
-			className: i.button,
-			onClick: s,
-			"data-target-id": "TextButton-showEmptyValuesCTA",
-			children: c.formatMessage(e.showEmptyValuesCTA)
-		}) : /* @__PURE__ */ n(r, {
-			className: i.button,
-			onClick: o,
-			"data-target-id": "TextButton-hideEmptyValuesCTA",
-			children: c.formatMessage(e.hideEmptyValuesCTA)
-		})
-	});
-};
-export { a as t };
+import messages from"../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-footer/messages.js";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";import{TextButton}from"@box/blueprint-web";import '../styles/metadata-instance-footer.css';var metadata_instance_footer_module_default={metadataInstanceFooter:`_metadataInstanceFooter_wyn6t_1`,button:`_button_wyn6t_5`},MetadataInstanceFooter=({isAnyEmptyValueHidden,onHideEmptyValues,onShowEmptyValues})=>{let{formatMessage}=useIntl();return jsx(`div`,{className:metadata_instance_footer_module_default.metadataInstanceFooter,children:isAnyEmptyValueHidden?jsx(TextButton,{className:metadata_instance_footer_module_default.button,color:`textOnLightSecondary`,onClick:onShowEmptyValues,variant:`bodyDefault`,"data-target-id":`TextButton-showEmptyValuesCTA`,children:formatMessage(messages.showEmptyValuesCTA)}):jsx(TextButton,{className:metadata_instance_footer_module_default.button,color:`textOnLightSecondary`,onClick:onHideEmptyValues,variant:`bodyDefault`,"data-target-id":`TextButton-hideEmptyValuesCTA`,children:formatMessage(messages.hideEmptyValuesCTA)})})};export{MetadataInstanceFooter as t};

package/dist/chunks/metadata-instance-form-ai-disclaimer.js

@@ -1,28 +1 @@
-import e from "../esm/lib/messages.js";
-import { useMemo as t } from "react";
-import { useIntl as n } from "react-intl";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Text as a } from "@box/blueprint-web";
-import { bpTextTextOnLightSecondary as o } from "@box/blueprint-web-assets/tokens/tokens";
-import { InfoBadge as s } from "@box/blueprint-web-assets/icons/Line";
-import '../styles/metadata-instance-form-ai-disclaimer.css';var c = {
-	aiDisclaimer: "_aiDisclaimer_6i2mf_1",
-	infoBadgeIcon: "_infoBadgeIcon_6i2mf_7"
-}, l = (e) => e.some((e) => !!e.confidenceScore || !!e.isExtracted), u = ({ fields: u, isLoading: d, isBoundingBoxOrConfidenceScoreReviewEnabled: f }) => {
-	let p = n(), m = t(() => l(u), [u]);
-	return !f || !m || d ? null : /* @__PURE__ */ i("div", {
-		className: c.aiDisclaimer,
-		children: [/* @__PURE__ */ r(s, {
-			className: c.infoBadgeIcon,
-			width: 12,
-			height: 12,
-			color: o
-		}), /* @__PURE__ */ r(a, {
-			as: "p",
-			color: "textOnLightSecondary",
-			variant: "bodySmall",
-			children: p.formatMessage(e.aiDisclaimer)
-		})]
-	});
-};
-export { u as t };
+import messages from"../esm/lib/messages.js";import{useMemo}from"react";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{Text}from"@box/blueprint-web";import{bpSize030,bpTextTextOnLightSecondary}from"@box/blueprint-web-assets/tokens/tokens";import{InfoBadge}from"@box/blueprint-web-assets/icons/Line";import '../styles/metadata-instance-form-ai-disclaimer.css';var metadata_instance_form_ai_disclaimer_module_default={aiDisclaimer:`_aiDisclaimer_6i2mf_1`,infoBadgeIcon:`_infoBadgeIcon_6i2mf_7`},checkHasAutofillValue=fields=>fields.some(field=>!!field.confidenceScore||!!field.isExtracted),MetadataInstanceFormAiDisclaimer=({fields,isLoading,isBoundingBoxOrConfidenceScoreReviewEnabled})=>{let intl=useIntl(),hasAutofillValue=useMemo(()=>checkHasAutofillValue(fields),[fields]);return!isBoundingBoxOrConfidenceScoreReviewEnabled||!hasAutofillValue||isLoading?null:jsxs(`div`,{className:metadata_instance_form_ai_disclaimer_module_default.aiDisclaimer,children:[jsx(InfoBadge,{className:metadata_instance_form_ai_disclaimer_module_default.infoBadgeIcon,color:bpTextTextOnLightSecondary,height:bpSize030,width:bpSize030}),jsx(Text,{as:`p`,color:`textOnLightSecondary`,variant:`bodySmall`,children:intl.formatMessage(messages.aiDisclaimer)})]})};export{MetadataInstanceFormAiDisclaimer as t};

package/dist/chunks/metadata-instance-form-autofill-button.js

@@ -1,113 +1 @@
-import { EXTRACT_AGENTS_MAP as e, EXTRACT_AI_AGENT_LOCAL_STORAGE_KEY as t } from "../esm/lib/constants.js";
-import { autofillMessages as n } from "../esm/lib/messages.js";
-import { getTooltipContent as r } from "../esm/lib/utils/utils.js";
-import { useAutofill as i } from "../esm/lib/utils/autofill-context.js";
-import a from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-autofill-button/messages.js";
-import { forwardRef as o, useEffect as s, useMemo as c, useState as l } from "react";
-import { useIntl as u } from "react-intl";
-import { BoxAiAdvancedLogo24 as d, BoxAiLogo24 as f } from "@box/blueprint-web-assets/icons/Logo";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Button as h, DropdownMenu as g, IconButton as _, LoadingIndicator as v, SplitButton as y, Text as b, Tooltip as x } from "@box/blueprint-web";
-import { getIn as S, useFormikContext as C } from "formik";
-import { useLocalStorageAIAgents as w } from "@box/box-ai-agent-selector";
-import '../styles/metadata-instance-form-autofill-button.css';var T = {
-	loadingIndicator: "_loadingIndicator_zhzu0_1",
-	actionMenuItem: "_actionMenuItem_zhzu0_11",
-	splitButtonIcon: "_splitButtonIcon_zhzu0_17"
-}, E = /*#__PURE__*/ o(({ isButtonDisabled: t, onAutofill: n, onAgentChange: r, storedAgent: i, icon: o, ...s }, c) => {
-	let d = u(), [f, h] = l(i || "standard"), _ = (e) => {
-		h(e), r(e), setTimeout(() => {
-			n(e);
-		}, 0);
-	};
-	return /* @__PURE__ */ p(y, {
-		...s,
-		ref: c,
-		disabled: t,
-		dropdownTriggerAriaLabel: "See agent options.",
-		endIcon: o,
-		label: d.formatMessage(a.autofillButton),
-		onClick: () => n(),
-		variant: "secondary",
-		children: /* @__PURE__ */ p(g.RadioGroup, {
-			onValueChange: (e) => _(e),
-			value: f,
-			children: Object.entries(e).map(([e, t]) => {
-				let n = t.ICON;
-				return /* @__PURE__ */ p(g.RadioSelectItem, {
-					value: t.AGENT_TYPE,
-					children: /* @__PURE__ */ m("div", {
-						className: T.actionMenuItem,
-						children: [/* @__PURE__ */ p(n, {
-							"aria-hidden": !0,
-							className: T.splitButtonIcon
-						}), /* @__PURE__ */ p(b, {
-							as: "span",
-							children: d.formatMessage(a[t.DISPLAY_MSG])
-						})]
-					})
-				}, e);
-			})
-		})
-	});
-}), D = ({ areAiSuggestionsAvailable: o, isBetaLanguageEnabled: l, isLoading: m, variant: g = "secondary-button", isAdvancedExtractAgentEnabled: y = !1, onAutofill: b }) => {
-	let { isSubmitting: D, values: O, setFieldValue: k } = C(), A = u(), [j, M] = w(t), { suggestions: N, confidenceScores: P, targetLocations: F } = i();
-	s(() => {
-		if (N) {
-			let e = S(O, "metadata.fields"), t = S(O, "metadata.templateKey");
-			k("metadata.fields", e?.map((e) => {
-				let n = N?.[t]?.[e.key];
-				return n ? {
-					...e,
-					aiSuggestion: n,
-					aiSuggestionConfidenceScore: P?.[t]?.[e.key],
-					aiSuggestionTargetLocation: F?.[t]?.[e.key]
-				} : e;
-			}));
-		}
-	}, [
-		N,
-		P,
-		F,
-		k
-	]);
-	let I = (t) => {
-		let n = S(O, "metadata.templateKey"), r = S(O, "metadata.scope"), i = t ? e[t]?.AGENT_ID : e[j]?.AGENT_ID;
-		b(n, r, y ? i : void 0);
-	}, L = !o || D || m, R = j === "enhanced" && y ? d : f, z = c(() => r(y, j, A), [
-		y,
-		j,
-		A
-	]);
-	return g === "secondary-button" ? /* @__PURE__ */ p(x, {
-		content: z,
-		children: y ? /* @__PURE__ */ p(E, {
-			icon: R,
-			isButtonDisabled: L,
-			onAgentChange: M,
-			onAutofill: I,
-			storedAgent: j
-		}) : /* @__PURE__ */ p(h, {
-			disabled: L,
-			endIcon: R,
-			onClick: () => I(),
-			variant: "secondary",
-			"data-target-id": "Button-autofillButton",
-			children: A.formatMessage(a.autofillButton)
-		})
-	}) : /* @__PURE__ */ p(x, {
-		content: z,
-		children: m ? /* @__PURE__ */ p(v, {
-			"aria-label": A.formatMessage(a.loadingButtonAriaLabel),
-			className: T.loadingIndicator
-		}) : /* @__PURE__ */ p(_, {
-			"aria-label": A.formatMessage(n.autofillButtonAriaLabel),
-			disabled: L,
-			icon: R,
-			onClick: () => I(),
-			variant: "icon-logo",
-			"data-target-id": "IconButton-autofillButtonAriaLabel"
-		})
-	});
-};
-export { D as t };
+import{EXTRACT_AGENTS_MAP,EXTRACT_AI_AGENT_LOCAL_STORAGE_KEY}from"../esm/lib/constants.js";import{autofillMessages}from"../esm/lib/messages.js";import{getTooltipContent}from"../esm/lib/utils/utils.js";import{useAutofill}from"../esm/lib/utils/autofill-context.js";import messages from"../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-autofill-button/messages.js";import{forwardRef,useEffect,useMemo,useState}from"react";import{useIntl}from"react-intl";import{BoxAiAdvancedLogo24,BoxAiLogo24}from"@box/blueprint-web-assets/icons/Logo";import{jsx,jsxs}from"react/jsx-runtime";import{Button,DropdownMenu,IconButton,LoadingIndicator,SplitButton,Text,Tooltip}from"@box/blueprint-web";import{getIn,useFormikContext}from"formik";import{useLocalStorageAIAgents}from"@box/box-ai-agent-selector";import '../styles/metadata-instance-form-autofill-button.css';var metadata_instance_form_autofill_button_module_default={loadingIndicator:`_loadingIndicator_zhzu0_1`,actionMenuItem:`_actionMenuItem_zhzu0_11`,splitButtonIcon:`_splitButtonIcon_zhzu0_17`},AutofillSplitButton=forwardRef(({isButtonDisabled,onAutofill,onAgentChange,storedAgent,icon,...rest},forwardedRef)=>{let intl=useIntl(),[selectedExtractAgent,setSelectedExtractAgent]=useState(storedAgent||`standard`),handleAgentChange=agentType=>{setSelectedExtractAgent(agentType),onAgentChange(agentType),setTimeout(()=>{onAutofill(agentType)},0)};return jsx(SplitButton,{...rest,ref:forwardedRef,disabled:isButtonDisabled,dropdownTriggerAriaLabel:`See agent options.`,endIcon:icon,label:intl.formatMessage(messages.autofillButton),onClick:()=>onAutofill(),variant:`secondary`,children:jsx(DropdownMenu.RadioGroup,{onValueChange:value=>handleAgentChange(value),value:selectedExtractAgent,children:Object.entries(EXTRACT_AGENTS_MAP).map(([key,agent])=>{let IconComponent=agent.ICON;return jsx(DropdownMenu.RadioSelectItem,{value:agent.AGENT_TYPE,children:jsxs(`div`,{className:metadata_instance_form_autofill_button_module_default.actionMenuItem,children:[jsx(IconComponent,{"aria-hidden":!0,className:metadata_instance_form_autofill_button_module_default.splitButtonIcon}),jsx(Text,{as:`span`,children:intl.formatMessage(messages[agent.DISPLAY_MSG])})]})},key)})})})}),MetadataInstanceFormAutofillButton=({areAiSuggestionsAvailable,isBetaLanguageEnabled,isLoading,variant=`secondary-button`,isAdvancedExtractAgentEnabled=!1,onAutofill})=>{let{isSubmitting,values,setFieldValue}=useFormikContext(),intl=useIntl(),[storedAgent,setStoredAgent]=useLocalStorageAIAgents(EXTRACT_AI_AGENT_LOCAL_STORAGE_KEY),{suggestions,confidenceScores,targetLocations}=useAutofill();useEffect(()=>{if(suggestions){let fields=getIn(values,`metadata.fields`),templateKey=getIn(values,`metadata.templateKey`);setFieldValue(`metadata.fields`,fields?.map(field=>{let suggestion=suggestions?.[templateKey]?.[field.key];return suggestion?{...field,aiSuggestion:suggestion,aiSuggestionConfidenceScore:confidenceScores?.[templateKey]?.[field.key],aiSuggestionTargetLocation:targetLocations?.[templateKey]?.[field.key]}:field}))}},[suggestions,confidenceScores,targetLocations,setFieldValue]);let handleAutofill=selectedAgentId=>{let templateKey=getIn(values,`metadata.templateKey`),scope=getIn(values,`metadata.scope`),agentId=selectedAgentId?EXTRACT_AGENTS_MAP[selectedAgentId]?.AGENT_ID:EXTRACT_AGENTS_MAP[storedAgent]?.AGENT_ID;onAutofill(templateKey,scope,isAdvancedExtractAgentEnabled?agentId:void 0)},isButtonDisabled=!areAiSuggestionsAvailable||isSubmitting||isLoading,buttonIcon=storedAgent===`enhanced`&&isAdvancedExtractAgentEnabled?BoxAiAdvancedLogo24:BoxAiLogo24,tooltipContent=useMemo(()=>getTooltipContent(isAdvancedExtractAgentEnabled,storedAgent,intl),[isAdvancedExtractAgentEnabled,storedAgent,intl]);return variant===`secondary-button`?jsx(Tooltip,{content:tooltipContent,children:isAdvancedExtractAgentEnabled?jsx(AutofillSplitButton,{icon:buttonIcon,isButtonDisabled,onAgentChange:setStoredAgent,onAutofill:handleAutofill,storedAgent}):jsx(Button,{disabled:isButtonDisabled,endIcon:buttonIcon,onClick:()=>handleAutofill(),variant:`secondary`,"data-target-id":`Button-autofillButton`,children:intl.formatMessage(messages.autofillButton)})}):jsx(Tooltip,{content:tooltipContent,children:isLoading?jsx(LoadingIndicator,{"aria-label":intl.formatMessage(messages.loadingButtonAriaLabel),className:metadata_instance_form_autofill_button_module_default.loadingIndicator}):jsx(IconButton,{"aria-label":intl.formatMessage(autofillMessages.autofillButtonAriaLabel),disabled:isButtonDisabled,icon:buttonIcon,onClick:()=>handleAutofill(),variant:`icon-logo`,"data-target-id":`IconButton-autofillButtonAriaLabel`})})};export{MetadataInstanceFormAutofillButton as t};

package/dist/chunks/metadata-instance-form-card-wrapper.js

@@ -1,54 +1 @@
-import { TEMPLATE_CUSTOM_PROPERTIES as e } from "../esm/lib/constants.js";
-import { t } from "./metadata-instance-form-ai-disclaimer.js";
-import { t as n } from "./metadata-instance-form-footer.js";
-import { t as r } from "./metadata-instance-form-header.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import o from "clsx";
-import { Card as s, useBlueprintModernization as c } from "@box/blueprint-web";
-import '../styles/metadata-instance-form-card-wrapper.css';var l = {
-	metadataInstanceForm: "_metadataInstanceForm_ztv76_1",
-	wrapperGradient: "_wrapperGradient_ztv76_7",
-	suggestionsFetching: "_suggestionsFetching_ztv76_17",
-	metadataInstanceFormContent: "_metadataInstanceFormContent_ztv76_23",
-	metadataInstanceFormContentReducedGap: "_metadataInstanceFormContentReducedGap_ztv76_30",
-	showOverlay: "_showOverlay_ztv76_34"
-}, u = (u) => {
-	let { areAiSuggestionsAvailable: d, children: f, className: p, formRef: m, formValues: h, isAdvancedExtractAgentEnabled: g = !1, isAiSuggestionsFeatureEnabled: _, isBetaLanguageEnabled: v, isConfidenceScoreReviewEnabled: y = !1, isBoundingBoxEnabled: b = !1, isLargeFile: x = !1, isDeleteButtonDisabled: S, onToggleReviewFilter: C, shouldShowOnlyReviewFields: w = !1, suggestions: T, isFetchingSuggestions: E, isFormDirty: D = !1, selectedTemplateInstance: O, getAiSuggestions: k, handleCancel: A, handleDelete: j } = u, { enableModernizedComponents: M } = c(), N = O?.templateKey === e, P = !!T[O?.templateKey], F = y || b;
-	return /* @__PURE__ */ i("div", {
-		className: E && l.wrapperGradient,
-		"data-modern": M,
-		children: /* @__PURE__ */ a(s, {
-			ref: m,
-			className: o(p, { [l.suggestionsFetching]: E }),
-			children: [
-				/* @__PURE__ */ i(r, {
-					areAiSuggestionsAvailable: d,
-					hasSuggestions: P,
-					isAdvancedExtractAgentEnabled: g,
-					isAiSuggestionsFeatureEnabled: _ && !N,
-					isBetaLanguageEnabled: v,
-					isConfidenceScoreReviewEnabled: y,
-					isLargeFile: x,
-					isLoading: E,
-					onAutofill: k,
-					onToggleReviewFilter: C,
-					shouldShowOnlyReviewFields: w,
-					templateName: O?.displayName
-				}),
-				O && f,
-				/* @__PURE__ */ i(t, {
-					isLoading: E,
-					isBoundingBoxOrConfidenceScoreReviewEnabled: F,
-					fields: h.metadata?.fields ?? []
-				}),
-				/* @__PURE__ */ i(n, {
-					isDeleteButtonDisabled: S,
-					isLoading: E,
-					onCancel: () => A(D),
-					onDelete: j
-				})
-			]
-		})
-	});
-};
-export { l as n, u as t };
+import{TEMPLATE_CUSTOM_PROPERTIES}from"../esm/lib/constants.js";import{t as MetadataInstanceFormAiDisclaimer}from"./metadata-instance-form-ai-disclaimer.js";import{t as MetadataInstanceFormFooter}from"./metadata-instance-form-footer.js";import{t as MetadataInstanceFormHeader}from"./metadata-instance-form-header.js";import{jsx,jsxs}from"react/jsx-runtime";import clsx from"clsx";import{Card,useBlueprintModernization}from"@box/blueprint-web";import '../styles/metadata-instance-form-card-wrapper.css';var metadata_instance_form_module_default={metadataInstanceForm:`_metadataInstanceForm_ztv76_1`,wrapperGradient:`_wrapperGradient_ztv76_7`,suggestionsFetching:`_suggestionsFetching_ztv76_17`,metadataInstanceFormContent:`_metadataInstanceFormContent_ztv76_23`,metadataInstanceFormContentReducedGap:`_metadataInstanceFormContentReducedGap_ztv76_30`,showOverlay:`_showOverlay_ztv76_34`},MetadataInstanceFormCardWrapper=props=>{let{areAiSuggestionsAvailable,children,className,formRef,formValues,isAdvancedExtractAgentEnabled=!1,isAiSuggestionsFeatureEnabled,isBetaLanguageEnabled,isConfidenceScoreReviewEnabled=!1,isBoundingBoxEnabled=!1,isLargeFile=!1,isDeleteButtonDisabled,onToggleReviewFilter,shouldShowOnlyReviewFields=!1,suggestions,isFetchingSuggestions,isFormDirty=!1,selectedTemplateInstance,getAiSuggestions,handleCancel,handleDelete}=props,{enableModernizedComponents}=useBlueprintModernization(),isCustomMetadata=selectedTemplateInstance?.templateKey===TEMPLATE_CUSTOM_PROPERTIES,hasSuggestions=!!suggestions[selectedTemplateInstance?.templateKey],isBoundingBoxOrConfidenceScoreReviewEnabled=isConfidenceScoreReviewEnabled||isBoundingBoxEnabled;return jsx(`div`,{className:isFetchingSuggestions&&metadata_instance_form_module_default.wrapperGradient,"data-modern":enableModernizedComponents,children:jsxs(Card,{ref:formRef,className:clsx(className,{[metadata_instance_form_module_default.suggestionsFetching]:isFetchingSuggestions}),children:[jsx(MetadataInstanceFormHeader,{areAiSuggestionsAvailable,hasSuggestions,isAdvancedExtractAgentEnabled,isAiSuggestionsFeatureEnabled:isAiSuggestionsFeatureEnabled&&!isCustomMetadata,isBetaLanguageEnabled,isConfidenceScoreReviewEnabled,isLargeFile,isLoading:isFetchingSuggestions,onAutofill:getAiSuggestions,onToggleReviewFilter,shouldShowOnlyReviewFields,templateName:selectedTemplateInstance?.displayName}),selectedTemplateInstance&&children,jsx(MetadataInstanceFormAiDisclaimer,{isLoading:isFetchingSuggestions,isBoundingBoxOrConfidenceScoreReviewEnabled,fields:formValues.metadata?.fields??[]}),jsx(MetadataInstanceFormFooter,{isDeleteButtonDisabled,isLoading:isFetchingSuggestions,onCancel:()=>handleCancel(isFormDirty),onDelete:handleDelete})]})})};export{metadata_instance_form_module_default as n,MetadataInstanceFormCardWrapper as t};

package/dist/chunks/metadata-instance-form-footer.js

@@ -1,43 +1 @@
-import e from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-footer/messages.js";
-import { useIntl as t } from "react-intl";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Button as i, TextButton as a } from "@box/blueprint-web";
-import { useFormikContext as o } from "formik";
-import '../styles/metadata-instance-form-footer.css';var s = {
-	metadataInstanceFormFooter: "_metadataInstanceFormFooter_sqpiw_1",
-	buttonsContainer: "_buttonsContainer_sqpiw_7",
-	buttons: "_buttons_sqpiw_7"
-}, c = ({ isDeleteButtonDisabled: c, isLoading: l, onCancel: u, onDelete: d }) => {
-	let f = t(), { isSubmitting: p, submitForm: m } = o(), h = l || p;
-	return /* @__PURE__ */ n("div", {
-		className: s.metadataInstanceFormFooter,
-		children: /* @__PURE__ */ r("div", {
-			className: s.buttonsContainer,
-			children: [/* @__PURE__ */ n(a, {
-				disabled: h || c,
-				onClick: d,
-				"data-target-id": "TextButton-deleteButton",
-				children: f.formatMessage(e.deleteButton)
-			}), /* @__PURE__ */ r("div", {
-				className: s.buttons,
-				children: [/* @__PURE__ */ n(i, {
-					disabled: h,
-					onClick: u,
-					size: "large",
-					variant: "secondary",
-					"data-target-id": "Button-cancelButton",
-					children: f.formatMessage(e.cancelButton)
-				}), /* @__PURE__ */ n(i, {
-					"data-target-id": "Button-metadataEditorSave",
-					disabled: h,
-					loading: p,
-					loadingAriaLabel: f.formatMessage(e.loadingAriaLabel),
-					onClick: m,
-					size: "large",
-					children: f.formatMessage(e.saveButton)
-				})]
-			})]
-		})
-	});
-};
-export { c as t };
+import messages from"../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-footer/messages.js";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{Button,TextButton}from"@box/blueprint-web";import{useFormikContext}from"formik";import '../styles/metadata-instance-form-footer.css';var metadata_instance_form_footer_module_default={metadataInstanceFormFooter:`_metadataInstanceFormFooter_sqpiw_1`,buttonsContainer:`_buttonsContainer_sqpiw_7`,buttons:`_buttons_sqpiw_7`},MetadataInstanceFormFooter=({isDeleteButtonDisabled,isLoading,onCancel,onDelete})=>{let intl=useIntl(),{isSubmitting,submitForm}=useFormikContext(),isButtonDisabled=isLoading||isSubmitting;return jsx(`div`,{className:metadata_instance_form_footer_module_default.metadataInstanceFormFooter,children:jsxs(`div`,{className:metadata_instance_form_footer_module_default.buttonsContainer,children:[jsx(TextButton,{disabled:isButtonDisabled||isDeleteButtonDisabled,onClick:onDelete,"data-target-id":`TextButton-deleteButton`,children:intl.formatMessage(messages.deleteButton)}),jsxs(`div`,{className:metadata_instance_form_footer_module_default.buttons,children:[jsx(Button,{disabled:isButtonDisabled,onClick:onCancel,size:`large`,variant:`secondary`,"data-target-id":`Button-cancelButton`,children:intl.formatMessage(messages.cancelButton)}),jsx(Button,{"data-target-id":`Button-metadataEditorSave`,disabled:isButtonDisabled,loading:isSubmitting,loadingAriaLabel:intl.formatMessage(messages.loadingAriaLabel),onClick:submitForm,size:`large`,children:intl.formatMessage(messages.saveButton)})]})]})})};export{MetadataInstanceFormFooter as t};

package/dist/chunks/metadata-instance-form-header.js

@@ -1,45 +1 @@
-import { getFieldsNeedingReview as e } from "../esm/lib/utils/confidence-score/get-fields-needing-review.js";
-import { t } from "./interactive-header-text.js";
-import { MetadataInstanceReviewNotice as n } from "../esm/lib/components/metadata-instance-review-notice/metadata-instance-review-notice.js";
-import { t as r } from "./metadata-instance-form-autofill-button.js";
-import { MetadataInstanceFormInlineNotice as i } from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-inline-notice/metadata-instance-form-inline-notice.js";
-import a from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/messages.js";
-import { useMemo as o } from "react";
-import { useIntl as s } from "react-intl";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useFormikContext as u } from "formik";
-import '../styles/metadata-instance-form-header.css';var d = {
-	metadataInstanceFormHeaderWrapper: "_metadataInstanceFormHeaderWrapper_3nbmr_1",
-	metadataInstanceFormHeader: "_metadataInstanceFormHeader_3nbmr_1",
-	title: "_title_3nbmr_15"
-}, f = ({ areAiSuggestionsAvailable: f, hasSuggestions: p, isAdvancedExtractAgentEnabled: m = !1, isAiSuggestionsFeatureEnabled: h, isBetaLanguageEnabled: g, isConfidenceScoreReviewEnabled: _ = !1, isLargeFile: v, isLoading: y, onToggleReviewFilter: b, shouldShowOnlyReviewFields: x = !1, templateName: S, onAutofill: C }) => {
-	let w = s(), { values: T } = u(), E = o(() => _ ? e(T.metadata?.fields ?? []).length : 0, [T.metadata?.fields, _]), D = S ?? w.formatMessage(a.customInstanceTitle), O = p && f, k = _ && !y && (E > 0 || x) && b !== void 0;
-	return /* @__PURE__ */ l("div", {
-		className: d.metadataInstanceFormHeaderWrapper,
-		children: [
-			/* @__PURE__ */ l("div", {
-				className: d.metadataInstanceFormHeader,
-				children: [/* @__PURE__ */ c(t, {
-					className: d.title,
-					title: D
-				}), h ? /* @__PURE__ */ c(r, {
-					areAiSuggestionsAvailable: f,
-					isAdvancedExtractAgentEnabled: m,
-					isBetaLanguageEnabled: g,
-					isLoading: y,
-					onAutofill: C
-				}) : null]
-			}),
-			O && /* @__PURE__ */ c(i, {
-				isBetaLanguageEnabled: g,
-				isLargeFile: v
-			}),
-			k && /* @__PURE__ */ c(n, {
-				fieldsNeedingReviewCount: E,
-				isLowScoreFilteringEnabled: x,
-				onTextToggleClick: b
-			})
-		]
-	});
-};
-export { f as t };
+import{getFieldsNeedingReview}from"../esm/lib/utils/confidence-score/get-fields-needing-review.js";import{t as InteractiveHeaderText}from"./interactive-header-text.js";import{MetadataInstanceReviewNotice}from"../esm/lib/components/metadata-instance-review-notice/metadata-instance-review-notice.js";import{t as MetadataInstanceFormAutofillButton}from"./metadata-instance-form-autofill-button.js";import{MetadataInstanceFormInlineNotice}from"../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-inline-notice/metadata-instance-form-inline-notice.js";import messages from"../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-header/messages.js";import{useMemo}from"react";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{useFormikContext}from"formik";import '../styles/metadata-instance-form-header.css';var metadata_instance_form_header_module_default={metadataInstanceFormHeaderWrapper:`_metadataInstanceFormHeaderWrapper_3nbmr_1`,metadataInstanceFormHeader:`_metadataInstanceFormHeader_3nbmr_1`,title:`_title_3nbmr_15`},MetadataInstanceFormHeader=({areAiSuggestionsAvailable,hasSuggestions,isAdvancedExtractAgentEnabled=!1,isAiSuggestionsFeatureEnabled,isBetaLanguageEnabled,isConfidenceScoreReviewEnabled=!1,isLargeFile,isLoading,onToggleReviewFilter,shouldShowOnlyReviewFields=!1,templateName,onAutofill})=>{let intl=useIntl(),{values}=useFormikContext(),fieldsNeedingReviewCount=useMemo(()=>isConfidenceScoreReviewEnabled?getFieldsNeedingReview(values.metadata?.fields??[]).length:0,[values.metadata?.fields,isConfidenceScoreReviewEnabled]),title=templateName??intl.formatMessage(messages.customInstanceTitle),canShowAiNotice=hasSuggestions&&areAiSuggestionsAvailable,canShowReviewNotice=isConfidenceScoreReviewEnabled&&!isLoading&&(fieldsNeedingReviewCount>0||shouldShowOnlyReviewFields)&&onToggleReviewFilter!==void 0;return jsxs(`div`,{className:metadata_instance_form_header_module_default.metadataInstanceFormHeaderWrapper,children:[jsxs(`div`,{className:metadata_instance_form_header_module_default.metadataInstanceFormHeader,children:[jsx(InteractiveHeaderText,{className:metadata_instance_form_header_module_default.title,title}),isAiSuggestionsFeatureEnabled?jsx(MetadataInstanceFormAutofillButton,{areAiSuggestionsAvailable,isAdvancedExtractAgentEnabled,isBetaLanguageEnabled,isLoading,onAutofill}):null]}),canShowAiNotice&&jsx(MetadataInstanceFormInlineNotice,{isBetaLanguageEnabled,isLargeFile}),canShowReviewNotice&&jsx(MetadataInstanceReviewNotice,{fieldsNeedingReviewCount,isLowScoreFilteringEnabled:shouldShowOnlyReviewFields,onTextToggleClick:onToggleReviewFilter})]})};export{MetadataInstanceFormHeader as t};