@box/metadata-editor 2.5.3 → 2.5.4

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

@@ -1 +1 @@
-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};
+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}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(),{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":!0,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/metadata-instance-form-card-wrapper.js

@@ -1 +1 @@
-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};
+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}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,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":!0,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/esm/lib/components/metadata-editor-fields/components/low-confidence-suggestion-field/low-confidence-suggestion-field.js

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

package/package.json

@@ -1,15 +1,15 @@
 {
     "name": "@box/metadata-editor",
-    "version": "2.5.3",
+    "version": "2.5.4",
     "peerDependencies": {
         "@ariakit/react": "0.4.21",
-        "@box/blueprint-web": "^16.20.7",
-        "@box/blueprint-web-assets": "^5.7.14",
-        "@box/box-ai-agent-selector": "^2.2.23",
-        "@box/combobox-with-api": "^2.2.25",
-        "@box/metadata-taxonomy-picker": "^3.3.6",
-        "@box/metadata-template-browser": "^2.3.6",
-        "@box/user-selector": "^3.0.1",
+        "@box/blueprint-web": "^17.0.0",
+        "@box/blueprint-web-assets": "^5.7.15",
+        "@box/box-ai-agent-selector": "^2.2.24",
+        "@box/combobox-with-api": "^2.2.26",
+        "@box/metadata-taxonomy-picker": "^3.3.7",
+        "@box/metadata-template-browser": "^2.3.7",
+        "@box/user-selector": "^3.0.2",
         "formik": "^2.0.3",
         "lodash": "^4.17.15",
         "react": "^17.0.0 || ^18.0.0",
@@ -19,12 +19,12 @@
     "devDependencies": {
         "@ariakit/react": "0.4.21",
         "@box/babel-plugin-target-attributes": "2.2.8",
-        "@box/blueprint-web": "^16.20.7",
-        "@box/blueprint-web-assets": "^5.7.14",
-        "@box/box-ai-agent-selector": "^2.2.23",
-        "@box/metadata-taxonomy-picker": "^3.3.6",
-        "@box/storybook-utils": "^1.2.23",
-        "@box/user-selector": "^3.0.1",
+        "@box/blueprint-web": "^17.0.0",
+        "@box/blueprint-web-assets": "^5.7.15",
+        "@box/box-ai-agent-selector": "^2.2.24",
+        "@box/metadata-taxonomy-picker": "^3.3.7",
+        "@box/storybook-utils": "^1.2.24",
+        "@box/user-selector": "^3.0.2",
         "@testing-library/react": "^15.0.6",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",