@box/metadata-editor 1.64.5 → 1.64.7

package/dist/chunks/interactive-text.js

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

package/dist/chunks/metadata-editor.js

@@ -0,0 +1,9 @@
+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 };

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

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

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

@@ -0,0 +1,82 @@
+import e from "../esm/lib/messages.js";
+import { isConfidenceScoreNeedingReview as t } from "../esm/lib/utils/confidence-score/is-confidence-score-needing-review.js";
+import { checkIfHasBoundingBoxes as n } from "../esm/lib/utils/check-if-has-bounding-boxes.js";
+import { getConfidenceScoreTooltip as r } from "../esm/lib/utils/confidence-score/get-confidence-score-tooltip.js";
+import { t as i } from "./shared-field-styles.module.js";
+import { convertISOStringToUTCDate as a } from "../esm/lib/utils/convertDate.js";
+import { t as o } from "./interactive-text.js";
+import s from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/messages.js";
+import { MetadataEntryDisplay as c } from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/metadata-entry-display.js";
+import { Status as l, Text as u, Tooltip as d } from "@box/blueprint-web";
+import { FormattedDate as f, useIntl as p } from "react-intl";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import g from "clsx";
+import { AlertCircle as _ } from "@box/blueprint-web-assets/icons/Medium";
+import '../styles/metadata-instance-entry.css';var v = {
+	metadataInstanceEntry: "_metadataInstanceEntry_fr9av_1",
+	name: "_name_fr9av_6",
+	labelContainer: "_labelContainer_fr9av_14",
+	confidenceScoreIcon: "_confidenceScoreIcon_fr9av_20"
+}, y = ({ description: y, isSelected: b, name: x, onClick: S, shouldHideEmptyValues: C, type: w, value: T, taxonomyNodeFetcher: E, taxonomyKey: D, scope: O, isExternallyOwned: k, confidenceScore: A, isConfidenceScoreReviewEnabled: j = !1, targetLocation: M }) => {
+	let N = p(), P = j && !!A && t(A), F = n(M), I = j && !!A && F && !!S, L = P ? r(N.formatMessage, A) : null, R = typeof T == "number" ? T.toString() : T ? Array.isArray(T) ? T.join(", ") : w === "date" && typeof T == "string" ? /* @__PURE__ */ m(f, {
+		day: "numeric",
+		month: "long",
+		value: a(T),
+		year: "numeric"
+	}) : T : null, z = {
+		"data-metadata-field": !0,
+		"data-testid": "metadata-field",
+		onClick: S,
+		onKeyDown: (e) => {
+			e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), S?.());
+		},
+		role: "button",
+		tabIndex: 0
+	};
+	if (C && !R) return null;
+	let B = /* @__PURE__ */ h("div", {
+		className: g(v.metadataInstanceEntry, j && i.spacious, I && i.clickableField, I && b && i.selectedField),
+		...I && z,
+		children: [/* @__PURE__ */ h("div", {
+			className: v.labelContainer,
+			children: [L && /* @__PURE__ */ m(d, {
+				content: L,
+				children: /* @__PURE__ */ m("span", {
+					className: v.confidenceScoreIcon,
+					children: /* @__PURE__ */ m(l, {
+						color: "SurfaceStatusSurfaceGray",
+						hideText: !0,
+						icon: _,
+						interactive: !0,
+						text: N.formatMessage(s.confidenceScoreIconAriaLabel)
+					})
+				})
+			}), /* @__PURE__ */ m(u, {
+				as: "h5",
+				color: "textOnLightSecondary",
+				variant: "bodyDefaultBold",
+				className: v.name,
+				children: y ? /* @__PURE__ */ m(o, {
+					as: "span",
+					color: "textOnLightSecondary",
+					tooltipText: y,
+					variant: "bodyDefaultBold",
+					children: x
+				}) : x
+			})]
+		}), /* @__PURE__ */ m(c, {
+			formattedValue: R,
+			isExternallyOwned: k,
+			scope: O,
+			taxonomyKey: D,
+			taxonomyNodeFetcher: E,
+			type: w,
+			value: T
+		})]
+	});
+	return I ? /* @__PURE__ */ m(d, {
+		content: N.formatMessage(e.viewOnDocument),
+		children: B
+	}) : B;
+};
+export { y as t };

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

@@ -0,0 +1,25 @@
+import e from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-footer/messages.js";
+import { TextButton as t } from "@box/blueprint-web";
+import { useIntl as n } from "react-intl";
+import { jsx as r } from "react/jsx-runtime";
+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 = n();
+	return /* @__PURE__ */ r("div", {
+		className: i.metadataInstanceFooter,
+		children: a ? /* @__PURE__ */ r(t, {
+			className: i.button,
+			onClick: s,
+			"data-target-id": "TextButton-showEmptyValuesCTA",
+			children: c.formatMessage(e.showEmptyValuesCTA)
+		}) : /* @__PURE__ */ r(t, {
+			className: i.button,
+			onClick: o,
+			"data-target-id": "TextButton-hideEmptyValuesCTA",
+			children: c.formatMessage(e.hideEmptyValuesCTA)
+		})
+	});
+};
+export { a as t };

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

@@ -0,0 +1,113 @@
+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 { Button as o, DropdownMenu as s, IconButton as c, LoadingIndicator as l, SplitButton as u, Text as d, Tooltip as f } from "@box/blueprint-web";
+import { forwardRef as p, useEffect as m, useMemo as h, useState as g } from "react";
+import { useIntl as _ } from "react-intl";
+import { BoxAiAdvancedLogo24 as v, BoxAiLogo24 as y } from "@box/blueprint-web-assets/icons/Logo";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { useLocalStorageAIAgents as S } from "@box/box-ai-agent-selector";
+import { getIn as C, useFormikContext as w } from "formik";
+import '../styles/metadata-instance-form-autofill-button.css';var T = {
+	loadingIndicator: "_loadingIndicator_i1hyy_1",
+	actionMenuItem: "_actionMenuItem_i1hyy_11",
+	splitButtonIcon: "_splitButtonIcon_i1hyy_17"
+}, E = /* @__PURE__ */ p(({ isButtonDisabled: t, onAutofill: n, onAgentChange: r, storedAgent: i, icon: o, ...c }, l) => {
+	let f = _(), [p, m] = g(i || "standard"), h = (e) => {
+		m(e), r(e), setTimeout(() => {
+			n(e);
+		}, 0);
+	};
+	return /* @__PURE__ */ b(u, {
+		...c,
+		ref: l,
+		disabled: t,
+		dropdownTriggerAriaLabel: "See agent options.",
+		endIcon: o,
+		label: f.formatMessage(a.autofillButton),
+		onClick: () => n(),
+		variant: "secondary",
+		children: /* @__PURE__ */ b(s.RadioGroup, {
+			onValueChange: (e) => h(e),
+			value: p,
+			children: Object.entries(e).map(([e, t]) => {
+				let n = t.ICON;
+				return /* @__PURE__ */ b(s.RadioSelectItem, {
+					value: t.AGENT_TYPE,
+					children: /* @__PURE__ */ x("div", {
+						className: T.actionMenuItem,
+						children: [/* @__PURE__ */ b(n, {
+							"aria-hidden": !0,
+							className: T.splitButtonIcon
+						}), /* @__PURE__ */ b(d, {
+							as: "span",
+							children: f.formatMessage(a[t.DISPLAY_MSG])
+						})]
+					})
+				}, e);
+			})
+		})
+	});
+}), D = ({ areAiSuggestionsAvailable: s, isBetaLanguageEnabled: u, isLoading: d, variant: p = "secondary-button", isAdvancedExtractAgentEnabled: g = !1, onAutofill: x }) => {
+	let { isSubmitting: D, values: O, setFieldValue: k } = w(), A = _(), [j, M] = S(t), { suggestions: N, confidenceScores: P, targetLocations: F } = i();
+	m(() => {
+		if (N) {
+			let e = C(O, "metadata.fields"), t = C(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 = C(O, "metadata.templateKey"), r = C(O, "metadata.scope"), i = t ? e[t]?.AGENT_ID : e[j]?.AGENT_ID;
+		x(n, r, g ? i : void 0);
+	}, L = !s || D || d, R = j === "enhanced" && g ? v : y, z = h(() => r(g, j, A), [
+		g,
+		j,
+		A
+	]);
+	return p === "secondary-button" ? /* @__PURE__ */ b(f, {
+		content: z,
+		children: g ? /* @__PURE__ */ b(E, {
+			icon: R,
+			isButtonDisabled: L,
+			onAgentChange: M,
+			onAutofill: I,
+			storedAgent: j
+		}) : /* @__PURE__ */ b(o, {
+			disabled: L,
+			endIcon: R,
+			onClick: () => I(),
+			variant: "secondary",
+			"data-target-id": "Button-autofillButton",
+			children: A.formatMessage(a.autofillButton)
+		})
+	}) : /* @__PURE__ */ b(f, {
+		content: z,
+		children: d ? /* @__PURE__ */ b(l, {
+			"aria-label": A.formatMessage(a.loadingButtonAriaLabel),
+			className: T.loadingIndicator
+		}) : /* @__PURE__ */ b(c, {
+			"aria-label": A.formatMessage(n.autofillButtonAriaLabel),
+			disabled: L,
+			icon: R,
+			onClick: () => I(),
+			variant: "icon-logo",
+			"data-target-id": "IconButton-autofillButtonAriaLabel"
+		})
+	});
+};
+export { D as t };

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

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

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

@@ -0,0 +1,43 @@
+import e from "../esm/lib/components/metadata-instance-editor/subcomponents/metadata-instance-form-footer/messages.js";
+import { Button as t, TextButton as n } from "@box/blueprint-web";
+import { useIntl as r } from "react-intl";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+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 = r(), { isSubmitting: p, submitForm: m } = o(), h = l || p;
+	return /* @__PURE__ */ i("div", {
+		className: s.metadataInstanceFormFooter,
+		children: /* @__PURE__ */ a("div", {
+			className: s.buttonsContainer,
+			children: [/* @__PURE__ */ i(n, {
+				disabled: h || c,
+				onClick: d,
+				"data-target-id": "TextButton-deleteButton",
+				children: f.formatMessage(e.deleteButton)
+			}), /* @__PURE__ */ a("div", {
+				className: s.buttons,
+				children: [/* @__PURE__ */ i(t, {
+					disabled: h,
+					onClick: u,
+					size: "large",
+					variant: "secondary",
+					"data-target-id": "Button-cancelButton",
+					children: f.formatMessage(e.cancelButton)
+				}), /* @__PURE__ */ i(t, {
+					disabled: h,
+					loading: p,
+					loadingAriaLabel: f.formatMessage(e.loadingAriaLabel),
+					onClick: m,
+					size: "large",
+					"data-target-id": "Button-saveButton",
+					children: f.formatMessage(e.saveButton)
+				})]
+			})]
+		})
+	});
+};
+export { c as t };

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

@@ -0,0 +1,45 @@
+import { t as e } from "./metadata-instance-form-autofill-button.js";
+import { getFieldsNeedingReview as t } from "../esm/lib/utils/confidence-score/get-fields-needing-review.js";
+import { t as n } from "./interactive-header-text.js";
+import { MetadataInstanceReviewNotice as r } from "../esm/lib/components/metadata-instance-review-notice/metadata-instance-review-notice.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(() => _ ? t(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(n, {
+					className: d.title,
+					title: D
+				}), h ? /* @__PURE__ */ c(e, {
+					areAiSuggestionsAvailable: f,
+					isAdvancedExtractAgentEnabled: m,
+					isBetaLanguageEnabled: g,
+					isLoading: y,
+					onAutofill: C
+				}) : null]
+			}),
+			O && /* @__PURE__ */ c(i, {
+				isBetaLanguageEnabled: g,
+				isLargeFile: v
+			}),
+			k && /* @__PURE__ */ c(r, {
+				fieldsNeedingReviewCount: E,
+				isLowScoreFilteringEnabled: x,
+				onTextToggleClick: b
+			})
+		]
+	});
+};
+export { f as t };

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

@@ -0,0 +1,52 @@
+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 { t as i } from "./interactive-header-text.js";
+import a from "../esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-header/messages.js";
+import { IconButton as o, Tooltip as s } from "@box/blueprint-web";
+import { useMemo as c } from "react";
+import { useIntl as l } from "react-intl";
+import { BoxAiAdvancedLogo24 as u, BoxAiLogo24 as d } from "@box/blueprint-web-assets/icons/Logo";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useLocalStorageAIAgents as m } from "@box/box-ai-agent-selector";
+import { Pencil as h } from "@box/blueprint-web-assets/icons/Line";
+import '../styles/metadata-instance-header.css';var g = {
+	metadataInstanceHeader: "_metadataInstanceHeader_17bsu_1",
+	iconButtonsContainer: "_iconButtonsContainer_17bsu_6",
+	title: "_title_17bsu_14"
+}, _ = ({ areAiSuggestionsAvailable: _, canEdit: v, isAiSuggestionsFeatureEnabled: y, isBetaLanguageEnabled: b, onEdit: x, onAutofill: S, templateName: C, isAdvancedExtractAgentEnabled: w = !1 }) => {
+	let T = l(), E = C || T.formatMessage(a.customInstanceTitle), D = y && C, [O] = m(t), k = w && e[O]?.AGENT_ID, A = c(() => r(w, O, T), [
+		w,
+		O,
+		T
+	]);
+	return /* @__PURE__ */ p("div", {
+		className: g.metadataInstanceHeader,
+		children: [/* @__PURE__ */ f(i, {
+			className: g.title,
+			title: E
+		}), v && /* @__PURE__ */ p("div", {
+			className: g.iconButtonsContainer,
+			children: [D && /* @__PURE__ */ f(s, {
+				content: A,
+				children: /* @__PURE__ */ f(o, {
+					"aria-label": T.formatMessage(n.autofillButtonAriaLabelWithTemplateName, { templateName: C }),
+					disabled: !_,
+					icon: O === "enhanced" && w ? u : d,
+					onClick: () => S(k || void 0),
+					variant: "icon-logo",
+					"data-target-id": "IconButton-autofillButtonAriaLabelWithTemplateName"
+				})
+			}), /* @__PURE__ */ f(s, {
+				content: T.formatMessage(a.editButtonTooltip),
+				children: /* @__PURE__ */ f(o, {
+					"aria-label": T.formatMessage(a.editButtonAriaLabel, { templateName: C }),
+					icon: h,
+					onClick: x,
+					"data-target-id": "IconButton-editButtonAriaLabel"
+				})
+			})]
+		})]
+	});
+};
+export { _ as t };

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

@@ -0,0 +1,19 @@
+import { getVisibleTemplates as e } from "../esm/lib/utils/utils.js";
+import { t } from "./metadata-instance.js";
+import { jsx as n } from "react/jsx-runtime";
+import '../styles/metadata-instance-list.css';var r = { metadataInstanceList: "_metadataInstanceList_bd83w_1" }, i = ({ areAiSuggestionsAvailable: i, isAiSuggestionsFeatureEnabled: a, isBetaLanguageEnabled: o, onEdit: s, onSelectMetadataField: c, selectedMetadataFieldId: l, templateInstances: u, taxonomyNodeFetcher: d, isAdvancedExtractAgentEnabled: f = !1, isConfidenceScoreReviewEnabled: p = !1 }) => /* @__PURE__ */ n("div", {
+	className: r.metadataInstanceList,
+	children: e(u).map((e) => /* @__PURE__ */ n(t, {
+		areAiSuggestionsAvailable: i,
+		isAdvancedExtractAgentEnabled: f,
+		isAiSuggestionsFeatureEnabled: a,
+		isBetaLanguageEnabled: o,
+		isConfidenceScoreReviewEnabled: p,
+		onEdit: s,
+		onSelectMetadataField: c,
+		selectedMetadataFieldId: l,
+		taxonomyNodeFetcher: d,
+		templateInstance: e
+	}, e.id))
+});
+export { i as t };

package/dist/chunks/metadata-instance.js

@@ -0,0 +1,59 @@
+import { MetadataEmptyState as e } from "../esm/lib/components/metadata-empty-state/metadata-empty-state.js";
+import { useAutofill as t } from "../esm/lib/utils/autofill-context.js";
+import { getFieldsNeedingReview as n } from "../esm/lib/utils/confidence-score/get-fields-needing-review.js";
+import { MetadataInstanceReviewNotice as r } from "../esm/lib/components/metadata-instance-review-notice/metadata-instance-review-notice.js";
+import { t as i } from "./metadata-instance-content.js";
+import { t as a } from "./metadata-instance-footer.js";
+import { t as o } from "./metadata-instance-header.js";
+import { Card as s, Divider as c } from "@box/blueprint-web";
+import { useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import '../styles/metadata-instance.css';var p = {
+	topDivider: "_topDivider_1xnom_1",
+	reviewNotice: "_reviewNotice_1xnom_5",
+	bottomDivider: "_bottomDivider_1xnom_9"
+}, m = ({ areAiSuggestionsAvailable: m, isAiSuggestionsFeatureEnabled: h, isBetaLanguageEnabled: g, onEdit: _, onSelectMetadataField: v, selectedMetadataFieldId: y, templateInstance: b, taxonomyNodeFetcher: x, isAdvancedExtractAgentEnabled: S = !1, isConfidenceScoreReviewEnabled: C = !1 }) => {
+	let w = b.fields, T = (e) => !e.value || Array.isArray(e.value) && e.value.length === 0, E = w.every(T), D = w.some(T), O = w.length > 0, k = n(w).length, A = C && k > 0, [j, M] = l(!0), { getAiSuggestions: N } = t();
+	return /* @__PURE__ */ f(s, { children: [
+		/* @__PURE__ */ d(o, {
+			areAiSuggestionsAvailable: m,
+			canEdit: b.canEdit,
+			isAdvancedExtractAgentEnabled: S,
+			isAiSuggestionsFeatureEnabled: h,
+			isBetaLanguageEnabled: g,
+			onAutofill: (e) => {
+				_(b), N(b.templateKey, b.scope, e);
+			},
+			onEdit: () => _(b),
+			templateName: b?.displayName
+		}),
+		/* @__PURE__ */ d(c, { className: p.topDivider }),
+		A && /* @__PURE__ */ d("div", {
+			className: p.reviewNotice,
+			children: /* @__PURE__ */ d(r, {
+				fieldsNeedingReviewCount: k,
+				onTextToggleClick: () => {
+					_(b, !0);
+				}
+			})
+		}),
+		j && E ? /* @__PURE__ */ d(e, {
+			isAnyEmptyValueHidden: O,
+			isBoxAiSuggestionsFeatureEnabled: h,
+			level: "instance",
+			onShowEmptyValues: () => M(!1)
+		}) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(i, {
+			isConfidenceScoreReviewEnabled: C,
+			onSelectMetadataField: v,
+			selectedMetadataFieldId: y,
+			shouldHideEmptyValues: j,
+			taxonomyNodeFetcher: x,
+			templateInstance: b
+		}), D && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(c, { className: p.bottomDivider }), /* @__PURE__ */ d(a, {
+			isAnyEmptyValueHidden: j,
+			onHideEmptyValues: () => M(!0),
+			onShowEmptyValues: () => M(!1)
+		})] })] })
+	] });
+};
+export { m as t };

package/dist/chunks/shared-field-styles.module.js

@@ -1,8 +1,6 @@
-import '../styles/shared-field-styles.css';const e = "_spacious_1325e_1", l = "_clickableField_1325e_5", s = "_selectedField_1325e_14", c = {
-  spacious: e,
-  clickableField: l,
-  selectedField: s
-};
-export {
-  c as s
+import '../styles/shared-field-styles.css';var e = {
+	spacious: "_spacious_1325e_1",
+	clickableField: "_clickableField_1325e_5",
+	selectedField: "_selectedField_1325e_14"
 };
+export { e as t };