@box/box-ai-content-answers 2.2.22 → 2.2.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/answer.js +1 -1
- package/dist/chunks/clear-conversation-button.js +1 -1
- package/dist/chunks/content2.js +1 -1
- package/dist/esm/lib/components/answer/copy-button.js +1 -1
- package/dist/esm/lib/components/answer/no-citations.js +1 -1
- package/dist/esm/lib/components/answer/thumb-buttons.js +1 -1
- package/dist/esm/lib/components/modal/modal.js +1 -1
- package/package.json +10 -10
- package/dist/chunks/thumb-buttons.js +0 -1
- package/dist/styles/thumb-buttons.css +0 -1
package/dist/chunks/answer.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as ANSWER_ERROR}from"./types.js";import{t as MediaContainer}from"./media-container.js";import messages from"../esm/lib/components/answer/messages.js";import{BoxAILoadingIndicator}from"../esm/lib/components/thinkingBubble/boxAILoadingIndicator.js";import{t as AnswerContent}from"./answer-content.js";import{CopyButton}from"../esm/lib/components/answer/copy-button.js";import{t as EmbedTheAnswerButton}from"./embed-the-answer-button.js";import{t as InlineError}from"./inline-error.js";import{t as References}from"./references.js";import{
|
|
1
|
+
import{t as ANSWER_ERROR}from"./types.js";import{t as MediaContainer}from"./media-container.js";import messages from"../esm/lib/components/answer/messages.js";import{BoxAILoadingIndicator}from"../esm/lib/components/thinkingBubble/boxAILoadingIndicator.js";import{t as AnswerContent}from"./answer-content.js";import{CopyButton}from"../esm/lib/components/answer/copy-button.js";import{t as EmbedTheAnswerButton}from"./embed-the-answer-button.js";import{t as InlineError}from"./inline-error.js";import{t as References}from"./references.js";import{ThumbButtons}from"../esm/lib/components/answer/thumb-buttons.js";import clsx from"clsx";import{memo,useEffect,useState}from"react";import{Text}from"@box/blueprint-web";import{useIntl}from"react-intl";import{Gray65,Size4}from"@box/blueprint-web-assets/tokens/tokens";import{AlertTriangle}from"@box/blueprint-web-assets/icons/Line";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/answer.css';var answer_module_default={answer:`_answer_ihjmy_27`,loadingContainer:`_loadingContainer_ihjmy_31`,loadingText:`_loadingText_ihjmy_38`,fadeIn:`_fadeIn_ihjmy_1`,alertIcon:`_alertIcon_ihjmy_47`,error:`_error_ihjmy_50`,footer:`_footer_ihjmy_54`,copyButtonContainer:`_copyButtonContainer_ihjmy_60`,feedbackButtonsContainer:`_feedbackButtonsContainer_ihjmy_61`,shouldHaveMarginTop:`_shouldHaveMarginTop_ihjmy_65`,shouldUseAnimation:`_shouldUseAnimation_ihjmy_68`,shouldAnimateHeight:`_shouldAnimateHeight_ihjmy_72`,footerButtons:`_footerButtons_ihjmy_76`,embedTheAnswerButtonContainer:`_embedTheAnswerButtonContainer_ihjmy_82`,buttonsVisible:`_buttonsVisible_ihjmy_90`},INLINE_ERRORS=new Set([ANSWER_ERROR.RATE_LIMITING,ANSWER_ERROR.NO_CONTENT,ANSWER_ERROR.PRECONDITION_FAILED,ANSWER_ERROR.GENERAL,ANSWER_ERROR.AGENT_NOT_FOUND]),Answer=memo(({answer,citations,error,contentType,hostAppName,feedbackValue,isCitationsEnabled=!1,isCompleted=!1,isFeedbackEnabled=!1,isFeedbackFormEnabled,isFeedbackTooltipOpen,isInlineCitationsEnabled=!1,isInlineCitationV2Enabled,isLoading=!1,isMarkdownEnabled=!1,items=[],onAnswerCopy,embedTheAnswerButtonConfig,onCitationClick,onFeedbackFormSubmit,onFeedbackTooltipOpenChange,prompt,promptType,recordAction,shouldFeedbackFormIncludeFeedbackText,shouldFeedbackIncludePromptData,useAnimation=!0,variant=`modal`,isReactMarkdownEnabled,setAnswerFeedback,questionId})=>{let isInlineError=INLINE_ERRORS.has(error),shouldShowLoadingIndicator=isLoading&&!answer&&!error,[isFooterMounted,setIsFooterMounted]=useState(isCompleted),{formatMessage}=useIntl();useEffect(()=>{answer&&recordAction&&isCompleted&&items.some(item=>answer.includes(item.name))&&recordAction({action:`programmatic`,component:variant,feature:`answers`,target:`links_detected`,data:{hostAppName,linkCount:items.length,fileNameCount:items.length}})},[answer,variant,hostAppName,isCompleted,recordAction,items]),useEffect(()=>{setTimeout(()=>setIsFooterMounted(isCompleted),0)},[isCompleted]);let renderAlertTriangle=()=>jsx(AlertTriangle,{className:answer_module_default.alertIcon,color:Gray65,"data-testid":`content-answers-error-alert-icon`,height:Size4,role:`presentation`,width:Size4}),renderErrorInsideAnswer=()=>jsxs(Text,{as:`p`,className:answer_module_default.error,color:`textOnLightSecondary`,"data-testid":`content-answers-error`,variant:`caption`,children:[error===ANSWER_ERROR.RESPONSE_INTERRUPTED&&formatMessage(messages.responseInterruptedError),error===ANSWER_ERROR.RESPONSE_FAILED&&formatMessage(messages.responseFailedError),error===ANSWER_ERROR.RESPONSE_STOPPED&&formatMessage(messages.responseStoppedError),error!==ANSWER_ERROR.RESPONSE_STOPPED&&renderAlertTriangle()]}),renderFooterContent=()=>error===ANSWER_ERROR.RESPONSE_STOPPED?answer?null:renderAlertTriangle():jsxs(`div`,{className:clsx(answer_module_default.footerButtons,`footer-buttons-container`,{[answer_module_default.buttonsVisible]:isFeedbackTooltipOpen}),children:[isFeedbackEnabled?jsx(`div`,{className:answer_module_default.feedbackButtonsContainer,children:jsx(ThumbButtons,{feedbackValue,hostAppName,isFeedbackFormEnabled,isFeedbackTooltipOpen,items,onFeedbackFormSubmit,onFeedbackTooltipOpenChange,prompt,promptType,questionId,recordAction,response:answer,setAnswerFeedback,shouldFeedbackFormIncludeFeedbackText,shouldFeedbackIncludePromptData,variant})}):null,jsx(`div`,{className:answer_module_default.copyButtonContainer,children:jsx(CopyButton,{answer,onAnswerCopy,recordAction})})]});return jsxs(`div`,{"aria-live":`polite`,className:answer_module_default.answer,"data-testid":`content-answers-answer`,children:[shouldShowLoadingIndicator&&jsxs(`div`,{className:answer_module_default.loadingContainer,children:[jsx(BoxAILoadingIndicator,{}),jsx(Text,{as:`span`,className:answer_module_default.loadingText,color:`textOnLightDefault`,variant:`titleMedium`,children:formatMessage(messages.analyzingRequest)})]}),!isInlineError&&!shouldShowLoadingIndicator&&jsx(MediaContainer,{className:`answer`,variant,children:jsxs(MediaContainer.Content,{isUsedInsideSidebar:variant===`sidebar`,variant:`answer`,children:[jsx(AnswerContent,{answer,isCompleted,isInlineCitationsEnabled,isInlineCitationV2Enabled,isMarkdownEnabled,isReactMarkdownEnabled,items,variant}),isCompleted&&jsxs(`div`,{className:clsx(answer_module_default.footer,{[answer_module_default.shouldHaveMarginTop]:answer,[answer_module_default.shouldAnimateHeight]:isFooterMounted,[answer_module_default.shouldUseAnimation]:useAnimation}),"data-testid":`content-answers-answer-footer`,children:[error&&renderErrorInsideAnswer(),isCitationsEnabled&&!error&&jsx(References,{citations,onCitationClick,recordAction}),renderFooterContent()]})]})}),!isInlineError&&!shouldShowLoadingIndicator&&isCompleted&&embedTheAnswerButtonConfig?.onAction&&jsx(`div`,{className:answer_module_default.embedTheAnswerButtonContainer,children:jsx(EmbedTheAnswerButton,{answer,embedTheAnswerButtonConfig,hostAppName,questionId,recordAction,variant})}),isInlineError&&jsx(InlineError,{contentType,error,recordAction,variant})]})});export{Answer as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import messages from"../esm/lib/components/modal/messages.js";import clsx from"clsx";import{IconButton,Tooltip
|
|
1
|
+
import messages from"../esm/lib/components/modal/messages.js";import clsx from"clsx";import{IconButton,Tooltip}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";import{Trash}from"@box/blueprint-web-assets/icons/Medium";import '../styles/clear-conversation-button.css';var modal_module_default={BoxAIIconColor:`_BoxAIIconColor_ild3b_1`,modalHeader:`_modalHeader_ild3b_5`,contentAnswersModal:`_contentAnswersModal_ild3b_10`,boxAiContentAnswers:`_boxAiContentAnswers_ild3b_18`,clearButton:`_clearButton_ild3b_26`,"modal-close-button":`_modal-close-button_ild3b_30`,contentAnswerModal:`_contentAnswerModal_ild3b_1`,modalHeaderContainer:`_modalHeaderContainer_ild3b_55`,agentSelectorTrigger:`_agentSelectorTrigger_ild3b_63`,agentSelectorContent:`_agentSelectorContent_ild3b_74`},ClearConversationButton=({onClick,hasRequestInProgress,className})=>{let intl=useIntl(),TrashIcon=Trash;return jsx(Tooltip,{content:intl.formatMessage(messages.clearConversationLabel),"data-testid":`clear-conversation-tooltip`,variant:`standard`,children:jsx(IconButton,{"aria-label":intl.formatMessage(messages.clearConversationLabel),className:clsx(modal_module_default.clearButton,className),"data-testid":`clear-conversation-button`,disabled:hasRequestInProgress,icon:TrashIcon,onClick,size:`small`,"data-target-id":`IconButton-clearConversationLabel`})})};export{modal_module_default as n,ClearConversationButton as t};
|
package/dist/chunks/content2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as BoxAiContentAnswers}from"./box-ai-content-answers.js";import{EVENT_JS_READY,ORIGIN_BOXAI_SIDEBAR}from"../esm/lib/components/common/constants.js";import withApiWrapper from"../esm/lib/components/api-wrapper/api-wrapper.js";import{t as ClearConversationButton}from"./clear-conversation-button.js";import{IntelligenceModal}from"../esm/lib/components/modal/modal.js";import{mark}from"../esm/lib/components/common/performance.js";import{IntelligenceSidebarContext}from"../esm/lib/components/sidebar/context.js";import messages from"../esm/lib/components/sidebar/messages.js";import IntelligenceSidebarTitle from"../esm/lib/components/sidebar/title.js";import clsx from"clsx";import*as React$1 from"react";import{IconButton,Text,Tooltip
|
|
1
|
+
import{t as BoxAiContentAnswers}from"./box-ai-content-answers.js";import{EVENT_JS_READY,ORIGIN_BOXAI_SIDEBAR}from"../esm/lib/components/common/constants.js";import withApiWrapper from"../esm/lib/components/api-wrapper/api-wrapper.js";import{t as ClearConversationButton}from"./clear-conversation-button.js";import{IntelligenceModal}from"../esm/lib/components/modal/modal.js";import{mark}from"../esm/lib/components/common/performance.js";import{IntelligenceSidebarContext}from"../esm/lib/components/sidebar/context.js";import messages from"../esm/lib/components/sidebar/messages.js";import IntelligenceSidebarTitle from"../esm/lib/components/sidebar/title.js";import clsx from"clsx";import*as React$1 from"react";import{IconButton,Text,Tooltip}from"@box/blueprint-web";import{useIntl}from"react-intl";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{ArrowsMaximize}from"@box/blueprint-web-assets/icons/Medium";import{XMark}from"@box/blueprint-web-assets/icons/Fill";import{BoxAiAgentSelectorWithApi,useAgents}from"@box/box-ai-agent-selector";import isEqual from"lodash/isEqual";import '../styles/content2.css';var sidebar_module_default={bcsSidebarBase:`_bcsSidebarBase_183mo_2`,bcsContent:`_bcsContent_183mo_2`,bcsBoxAISidebar:`_bcsBoxAISidebar_183mo_2`,bcsContentHeader:`_bcsContentHeader_183mo_6`,bcsTitle:`_bcsTitle_183mo_15`,bcsScrollContent:`_bcsScrollContent_183mo_22`,withModalOpen:`_withModalOpen_183mo_32`,bcsBoxAISidebarAgentSelector:`_bcsBoxAISidebarAgentSelector_183mo_35`,bcsBoxAISidebarContent:`_bcsBoxAISidebarContent_183mo_38`,bcsBoxAISidebarExpand:`_bcsBoxAISidebarExpand_183mo_41`,bcsBoxAISidebarClear:`_bcsBoxAISidebarClear_183mo_44`,bcsBoxAISidebarTitlePart:`_bcsBoxAISidebarTitlePart_183mo_47`,bcsBoxAISidebarClose:`_bcsBoxAISidebarClose_183mo_68`,bcsContentSubheader:`_bcsContentSubheader_183mo_85`,bcsScrollContentWrapper:`_bcsScrollContentWrapper_183mo_94`};mark(`${ORIGIN_BOXAI_SIDEBAR}_${EVENT_JS_READY}`);var ContentWrapper=({actions,children,className,elementId=``,sidebarView=``,title,subheader,...rest})=>{let label=`${elementId}${elementId===``?``:`_`}${sidebarView}`,id=`${label}-content`;return jsxs(`div`,{"aria-labelledby":label,className:clsx(sidebar_module_default.bcsContent,className),"data-testid":`bcs-content`,id,role:`tabpanel`,...rest,children:[jsxs(`div`,{className:sidebar_module_default.bcsContentHeader,children:[title&&jsx(Text,{as:`h3`,className:sidebar_module_default.bcsTitle,children:title}),actions]}),subheader&&jsx(`div`,{className:sidebar_module_default.bcsContentSubheader,children:subheader}),jsx(`div`,{className:sidebar_module_default.bcsScrollContentWrapper,children:jsx(`div`,{className:sidebar_module_default.bcsScrollContent,children})})]})};function BoxAISidebarContent(props){let{createSession,encodedSession,onClearAction,getAIStudioAgents,hasRequestInProgress,hostAppName,isAIStudioAgentSelectorEnabled,isLoading,onSelectAgent,questions,shouldShowLandingPage=!0,sendQuestion,stopQuestion,embedTheAnswerButtonConfig,onClose,...rest}=props,{formatMessage}=useIntl(),isSessionInitiated=React$1.useRef(!1),[isModalOpen,setIsModalOpen]=React$1.useState(!1),{cache,contentName,elementId,fileExtension,isFeedbackEnabled,isFeedbackFormEnabled,isStopResponseEnabled,items,itemSize,onFeedbackFormSubmit,onUserInteraction,onSelectedAgentCallback,recordAction,setCacheValue,shouldPreinitSession}=React$1.useContext(IntelligenceSidebarContext),{agents,requestState,selectedAgent}=useAgents(),{questions:cacheQuestions}=cache,[promptValue,setPromptValue]=React$1.useState(``);cache.shouldShowLandingPage!==shouldShowLandingPage&&setCacheValue(`shouldShowLandingPage`,shouldShowLandingPage),cache.encodedSession!==encodedSession&&setCacheValue(`encodedSession`,encodedSession),isEqual(cache.questions,questions)||setCacheValue(`questions`,questions),isEqual(cache.agents.selectedAgent,selectedAgent)||setCacheValue(`agents`,{agents,requestState,selectedAgent});let handleUserIntentToUseAI=(userHasInteracted=!1)=>{!shouldPreinitSession&&!encodedSession&&!isLoading&&createSession&&createSession(!0,!1),userHasInteracted&&onUserInteraction&&onUserInteraction()},handleModalClose=()=>{setIsModalOpen(!1)};return React$1.useEffect(()=>(shouldPreinitSession&&!encodedSession&&createSession&&createSession(!0,!0),encodedSession&&cacheQuestions.length>0&&cacheQuestions[cacheQuestions.length-1].isCompleted===!1&&sendQuestion({prompt:cacheQuestions[cacheQuestions.length-1].prompt}),recordAction&&recordAction({action:`programmatic`,component:`sidebar`,feature:`answers`,target:`loaded`,data:{items:items.map(item=>({status:item.status,fileType:item.fileType}))}}),()=>{stopQuestion()}),[]),React$1.useEffect(()=>{let lastQuestion=cacheQuestions[cacheQuestions.length-1];!shouldPreinitSession&&!isSessionInitiated.current&&encodedSession&&lastQuestion?.isLoading&&(sendQuestion(lastQuestion,selectedAgent,!1),isSessionInitiated.current=!0)},[encodedSession]),jsxs(Fragment,{children:[jsx(ContentWrapper,{actions:jsxs(Fragment,{children:[jsxs(`div`,{className:sidebar_module_default.bcsBoxAISidebarTitlePart,children:[jsx(IntelligenceSidebarTitle,{isAIStudioAgentSelectorEnabled}),isAIStudioAgentSelectorEnabled&&jsx(`div`,{className:sidebar_module_default.bcsBoxAISidebarAgentSelector,children:jsx(BoxAiAgentSelectorWithApi,{disabled:hasRequestInProgress,fetcher:getAIStudioAgents,hostAppName,onAgentsListOpen:handleUserIntentToUseAI,onSelectAgent,onSelectedAgentCallback,recordAction,shouldHideAgentSelectorOnLoad:!0,useAgentLocalStorage:!0,variant:`sidebar`})})]}),jsx(ClearConversationButton,{className:sidebar_module_default.bcsBoxAISidebarClear,hasRequestInProgress,onClick:onClearAction}),jsx(Tooltip,{content:formatMessage(messages.sidebarBoxAISwitchToModalView),"data-testid":`content-answers-open-modal-tooltip`,variant:`standard`,children:jsx(IconButton,{"aria-label":formatMessage(messages.sidebarBoxAISwitchToModalView),className:sidebar_module_default.bcsBoxAISidebarExpand,"data-target-id":`IconButton-expandBoxAISidebar`,icon:ArrowsMaximize,onClick:()=>{handleUserIntentToUseAI(),setIsModalOpen(!0)},size:`small`})}),onClose&&jsx(Tooltip,{content:formatMessage(messages.sidebarBoxAIClose),"data-testid":`content-answers-close-tooltip`,variant:`standard`,children:jsx(IconButton,{"aria-label":formatMessage(messages.sidebarBoxAIClose),className:sidebar_module_default.bcsBoxAISidebarClose,"data-target-id":`IconButton-closeBoxAISidebar`,icon:XMark,onClick:onClose,size:`small`})})]}),className:clsx(sidebar_module_default.bcsBoxAISidebar,{[sidebar_module_default.withModalOpen]:isModalOpen}),elementId,sidebarView:`box-ai`,children:jsx(`div`,{className:sidebar_module_default.bcsBoxAISidebarContent,children:jsx(BoxAiContentAnswers,{contentName,contentType:formatMessage(messages.sidebarBoxAIContent),embedTheAnswerButtonConfig,hostAppName,isAIStudioAgentSelectorEnabled,isFeedbackEnabled,isFeedbackFormEnabled,isStopResponseEnabled,items,onFeedbackFormSubmit,onUserIntentToUseAI:handleUserIntentToUseAI,promptValue,questions,recordAction,setPromptValue,shouldShowLandingPage:cache.shouldShowLandingPage,showLoadingIndicator:isLoading&&shouldPreinitSession,stopQuestion,submitQuestion:sendQuestion,variant:`sidebar`,...rest})})}),jsx(IntelligenceModal,{contentName,contentType:formatMessage(messages.sidebarBoxAIContent),extension:fileExtension,getAIStudioAgents,hasRequestInProgress,hostAppName,isAIStudioAgentSelectorEnabled,isFeedbackEnabled,isFeedbackFormEnabled,isStopResponseEnabled,items,itemSize,onClearAction,onFeedbackFormSubmit,onOpenChange:handleModalClose,onSelectAgent,onUserIntentToUseAI:handleUserIntentToUseAI,open:isModalOpen,promptValue,questions,recordAction:isModalOpen?recordAction:void 0,setPromptValue,shouldShowLandingPage:cache.shouldShowLandingPage,showLoadingIndicator:!1,stopPropagationOnEsc:!0,stopQuestion,submitQuestion:sendQuestion,variant:`collapsible`,...rest,shouldRenderProviders:!1})]})}var content_default=withApiWrapper(BoxAISidebarContent);export{content_default as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import messages from"../../messages.js";import messages$1 from"./messages.js";import{markdownToHtmlString}from"../common/markdown.js";import{LOGGER_ACTION_CLICK,LOGGER_BASE_CONFIG}from"../common/constants.js";import{focusInput}from"../common/focusInputUtils.js";import{IconButton,Tooltip,
|
|
1
|
+
import messages from"../../messages.js";import messages$1 from"./messages.js";import{markdownToHtmlString}from"../common/markdown.js";import{LOGGER_ACTION_CLICK,LOGGER_BASE_CONFIG}from"../common/constants.js";import{focusInput}from"../common/focusInputUtils.js";import{IconButton,Tooltip,useNotification}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";import{Clipboard}from"@box/blueprint-web-assets/icons/Medium";var CopyButton=({answer,onAnswerCopy,recordAction})=>{let{formatMessage}=useIntl(),{addNotification}=useNotification(),copyToClipboard=async()=>{if(recordAction&&recordAction({...LOGGER_BASE_CONFIG,action:LOGGER_ACTION_CLICK,target:`copyToClipboard`}),answer&&navigator&&navigator.clipboard&&navigator.clipboard.write){let htmlContent=markdownToHtmlString(answer),clipboardItem=new ClipboardItem({"text/html":new Blob([htmlContent],{type:`text/html`}),"text/plain":new Blob([answer],{type:`text/plain`})});await navigator.clipboard.write([clipboardItem]),addNotification({sensitivity:`foreground`,styledText:formatMessage(messages$1.copyToClipboardSucceeded),variant:`success`,typeIconAriaLabel:formatMessage(messages$1.copyButtonSuccessText),closeButtonAriaLabel:formatMessage(messages.closeButtonText)}),onAnswerCopy&&onAnswerCopy(answer)}focusInput()},ClipboardIcon=Clipboard;return jsx(Tooltip,{content:formatMessage(messages$1.copyToClipboard),children:jsx(IconButton,{"aria-label":formatMessage(messages$1.copyToClipboard),icon:ClipboardIcon,onClick:copyToClipboard,onFocusCapture:e=>{e.target.matches(`:focus-visible`)||e.stopPropagation()},size:`x-small`,"data-target-id":`IconButton-copyToClipboard`})})};export{CopyButton,CopyButton as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import messages from"./messages.js";import{LOGGER_BASE_CONFIG}from"../common/constants.js";import{useEffect}from"react";import{IconButton,Tooltip
|
|
1
|
+
import messages from"./messages.js";import{LOGGER_BASE_CONFIG}from"../common/constants.js";import{useEffect}from"react";import{IconButton,Tooltip}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";import{InformationCircle}from"@box/blueprint-web-assets/icons/Medium";var NoCitationsIcon=({recordAction})=>{let{formatMessage}=useIntl(),noReferencesText=formatMessage(messages.noReferences);return useEffect(()=>{recordAction&&recordAction({...LOGGER_BASE_CONFIG,target:`noReferences`})},[recordAction]),jsx(Tooltip,{className:`Answer-NoCitations`,content:noReferencesText,"data-testid":`content-answers-references-no-references-tooltip`,children:jsx(IconButton,{"aria-label":noReferencesText,"data-testid":`content-answers-references-no-references`,icon:InformationCircle,size:`x-small`,"data-target-id":`IconButton-noReferences`})})};export{NoCitationsIcon,NoCitationsIcon as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as
|
|
1
|
+
import messages from"../../messages.js";import messages$1 from"./messages.js";import{LOGGER_ACTION_PROGRAMMATIC,LOGGER_BASE_CONFIG}from"../common/constants.js";import{focusInput}from"../common/focusInputUtils.js";import{t as FeedbackTooltip}from"../../../../chunks/feedback-tooltip.js";import React from"react";import{IconButton,Tooltip,useNotification}from"@box/blueprint-web";import{useIntl}from"react-intl";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{ThumbsDown,ThumbsUp}from"@box/blueprint-web-assets/icons/Medium";import{ThumbsDown as ThumbsDown$1,ThumbsUp as ThumbsUp$1}from"@box/blueprint-web-assets/icons/MediumFilled";import{useAgents}from"@box/box-ai-agent-selector";var Feedback={THUMB_UP:`positive`,THUMB_DOWN:`negative`,NONE:`none`},ThumbButtons=({feedbackValue,hostAppName,isFeedbackFormEnabled=!1,isFeedbackTooltipOpen=!1,items,onFeedbackFormSubmit,onFeedbackTooltipOpenChange,prompt,promptType,questionId,recordAction,response,setAnswerFeedback,shouldFeedbackFormIncludeFeedbackText=!1,shouldFeedbackIncludePromptData=!1,variant})=>{let{formatMessage}=useIntl(),{addNotification}=useNotification(),{selectedAgent}=useAgents(),selected=feedbackValue,supportedFileTypes=React.useMemo(()=>items.filter(item=>item.status===`supported`).map(item=>item.fileType),[items]),handleThumb=React.useCallback(direction=>{selected!==direction&&(setAnswerFeedback?.(questionId,direction),recordAction?.({...LOGGER_BASE_CONFIG,action:LOGGER_ACTION_PROGRAMMATIC,target:`answer_feedback`,component:variant,data:{feedback_value:direction,file_types:supportedFileTypes,feature:hostAppName,prompt_type:promptType}}),focusInput())},[hostAppName,recordAction,selected,variant,supportedFileTypes,questionId,setAnswerFeedback,promptType]),handleFeedbackFormSubmit=({feedback,feedbackPromptShareConsent,issueType})=>{if(onFeedbackTooltipOpenChange?.(!1,questionId),!onFeedbackFormSubmit)return;let feedbackData={fileTypes:supportedFileTypes,hasPromptData:!1,hostApp:hostAppName,issueType,timestamp:Date.now(),questionId};shouldFeedbackFormIncludeFeedbackText&&(feedbackData.feedback=feedback,feedbackData.hasFeedback=!!feedback),shouldFeedbackIncludePromptData&&feedbackPromptShareConsent&&prompt&&response&&(feedbackData.hasPromptData=!0,feedbackData.prompt=prompt,feedbackData.response=response),selectedAgent&&(feedbackData.selectedAgentName=selectedAgent.name),onFeedbackFormSubmit(feedbackData,()=>{addNotification({sensitivity:`foreground`,styledText:formatMessage(messages$1.feedbackTooltipConfirmation),variant:`success`,typeIconAriaLabel:formatMessage(messages.ariaTypeSuccessIconLabel),closeButtonAriaLabel:formatMessage(messages.closeButtonText)})})},handleFeedbackTooltipOpenChange=isOpen=>{isOpen||onFeedbackTooltipOpenChange?.(!1,questionId)},handleThumbUp=React.useCallback(()=>handleThumb(Feedback.THUMB_UP),[handleThumb]),handleThumbDown=React.useCallback(()=>{handleThumb(Feedback.THUMB_DOWN),onFeedbackTooltipOpenChange?.(!0,questionId)},[handleThumb,onFeedbackTooltipOpenChange,questionId]),ThumbUpIcon=ThumbsUp,ThumbDownIcon=ThumbsDown,ThumbUpIconFilled=ThumbsUp$1,ThumbDownIconFilled=ThumbsDown$1;return jsxs(Fragment,{children:[jsx(Tooltip,{content:formatMessage(messages$1.thumbsUpAriaLabel),children:jsx(IconButton,{"aria-label":formatMessage(messages$1.thumbsUpAriaLabel),disabled:selected===Feedback.THUMB_DOWN,icon:selected===Feedback.THUMB_UP?ThumbUpIconFilled:ThumbUpIcon,onClick:handleThumbUp,size:`x-small`,variant:`icon-logo`,"data-target-id":`IconButton-thumbsUpAriaLabel`})}),jsx(FeedbackTooltip,{isOpen:isFeedbackTooltipOpen,onOpenChange:handleFeedbackTooltipOpenChange,onSubmit:handleFeedbackFormSubmit,shouldIncludeFeedbackText:shouldFeedbackFormIncludeFeedbackText,shouldIncludePromptShareConsent:shouldFeedbackIncludePromptData,shouldShow:isFeedbackFormEnabled,children:jsx(Tooltip,{content:formatMessage(messages$1.thumbsDownAriaLabel),children:jsx(IconButton,{"aria-label":formatMessage(messages$1.thumbsDownAriaLabel),className:``,disabled:selected===Feedback.THUMB_UP,icon:selected===Feedback.THUMB_DOWN?ThumbDownIconFilled:ThumbDownIcon,onClick:handleThumbDown,size:`x-small`,variant:`icon-logo`,"data-target-id":`IconButton-thumbsDownAriaLabel`})})})]})};export{ThumbButtons,ThumbButtons as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as BoxAiContentAnswers}from"../../../../chunks/box-ai-content-answers.js";import{a as REQUEST_STATE$1,t as ANSWER_ERROR}from"../../../../chunks/types.js";import{LOGGER_ACTION_CLICK,LOGGER_BASE_CONFIG}from"../common/constants.js";import messages from"./messages.js";import{n as modal_module_default,t as ClearConversationButton}from"../../../../chunks/clear-conversation-button.js";import useStopPropagationOnEsc from"./hooks/useStopPropagationOnEsc.js";import{Title}from"./title.js";import{useCallback,useEffect,useMemo,useState}from"react";import{Breakpoint,Modal,Tooltip,TooltipProvider,
|
|
1
|
+
import{t as BoxAiContentAnswers}from"../../../../chunks/box-ai-content-answers.js";import{a as REQUEST_STATE$1,t as ANSWER_ERROR}from"../../../../chunks/types.js";import{LOGGER_ACTION_CLICK,LOGGER_BASE_CONFIG}from"../common/constants.js";import messages from"./messages.js";import{n as modal_module_default,t as ClearConversationButton}from"../../../../chunks/clear-conversation-button.js";import useStopPropagationOnEsc from"./hooks/useStopPropagationOnEsc.js";import{Title}from"./title.js";import{useCallback,useEffect,useMemo,useState}from"react";import{Breakpoint,Modal,Tooltip,TooltipProvider,useBreakpoint}from"@box/blueprint-web";import{useIntl}from"react-intl";import{BoxAiLogo}from"@box/blueprint-web-assets/icons/Logo";import{Size8}from"@box/blueprint-web-assets/tokens/tokens";import{jsx,jsxs}from"react/jsx-runtime";import{ArrowsMinimize}from"@box/blueprint-web-assets/icons/Medium";import{ArrowsCollapse}from"@box/blueprint-web-assets/icons/Fill";import{AgentsProvider,BoxAiAgentSelectorWithApi}from"@box/box-ai-agent-selector";var getModalTargetId=isCollapsible=>isCollapsible?`Modal.Close-collapseContentAnswersModal`:`Modal.Close-closeContentAnswersModal`,getCloseModalLabel=isCollapsible=>isCollapsible?messages.collapseModalAriaLabel:messages.closeModalAriaLabel,getModalIcon=(isCollapsible,enableModernizedComponents)=>isCollapsible?enableModernizedComponents?ArrowsMinimize:ArrowsCollapse:void 0,getModalData=(variant,enableModernizedComponents)=>{let isCollapsible=variant===`collapsible`;return{closeModalLabel:getCloseModalLabel(isCollapsible),closeModalTargetId:getModalTargetId(isCollapsible),closeModalIcon:getModalIcon(isCollapsible,enableModernizedComponents)}},IntelligenceModal=({children,getAIStudioAgents,hasCustomSuggestedQuestions,hostAppName,isAIStudioAgentSelectorEnabled=!1,isDebugModeEnabled,isStopResponseEnabled=!1,itemSize,extension,onClearAction,onSelectAgent,onSelectedAgentCallback,promptValue,recordAction,setPromptValue,shouldRenderProviders=!0,shouldShowLandingPage=!1,stopPropagationOnEsc,variant=`closable`,items,parentItem,...props})=>{let{open,defaultOpen,onOpenChange,modal,...intelligenceProps}=props,intl=useIntl(),isSmallMedium=useBreakpoint()<=Breakpoint.Medium;useStopPropagationOnEsc(stopPropagationOnEsc,open);let lastQuestionError=intelligenceProps?.questions?.[intelligenceProps.questions.length-1]?.error,[shouldInvalidateAgentList,setShouldInvalidateAgentList]=useState(!1),{closeModalLabel,closeModalTargetId,closeModalIcon}=useMemo(()=>getModalData(variant,!0),[variant,!0]),eventLogger=useCallback(payload=>{recordAction&&(payload.data??={},payload.data.hostAppName=hostAppName,recordAction(payload))},[hostAppName,recordAction]);useEffect(()=>{items||eventLogger({...LOGGER_BASE_CONFIG,target:`loaded`,data:{fileSize:itemSize,fileType:extension}})},[eventLogger,extension,itemSize,items,recordAction]),useEffect(()=>{items&&eventLogger({...LOGGER_BASE_CONFIG,target:`loaded`,data:{parentItemType:parentItem?.type,items:items.map(item=>({status:item.status,fileType:item.fileType}))}})},[eventLogger,parentItem,recordAction]),useEffect(()=>{lastQuestionError&&lastQuestionError===ANSWER_ERROR.AGENT_NOT_FOUND&&setShouldInvalidateAgentList(!0)},[lastQuestionError]);let handleOnClearClick=()=>{onClearAction&&(onClearAction(),eventLogger({...LOGGER_BASE_CONFIG,action:LOGGER_ACTION_CLICK,target:`clearChat`}))},handleAgentFetch=useCallback(async()=>(setShouldInvalidateAgentList(!1),getAIStudioAgents()),[getAIStudioAgents]),modalContent=jsxs(Modal,{defaultOpen,modal,onOpenChange,open,children:[jsx(Modal.Trigger,{children}),jsxs(Modal.Content,{className:modal_module_default.contentAnswersModal,"data-testid":`content-answers-modal`,size:`xlarge`,children:[jsx(Modal.Header,{className:modal_module_default.modalHeaderContainer,children:jsxs(`div`,{className:modal_module_default.modalHeader,children:[!isSmallMedium&&jsx(BoxAiLogo,{className:modal_module_default.BoxAIIconColor,"data-testid":`content-answers-icon-color`,height:Size8,width:Size8}),jsx(Title,{isAIStudioAgentSelectorEnabled}),isAIStudioAgentSelectorEnabled&&jsx(BoxAiAgentSelectorWithApi,{contentClassName:modal_module_default.agentSelectorContent,disabled:intelligenceProps.hasRequestInProgress,fetcher:handleAgentFetch,hostAppName,onSelectAgent,onSelectedAgentCallback,recordAction,requestState:shouldInvalidateAgentList?REQUEST_STATE$1.ERROR:void 0,shouldHideAgentSelectorOnLoad:!0,triggerChipClassName:modal_module_default.agentSelectorTrigger,useAgentLocalStorage:!0})]})}),jsx(BoxAiContentAnswers,{className:`box-content-answers-chat-container ${modal_module_default.boxAiContentAnswers}`,hasCustomSuggestedQuestions,hostAppName,isAIStudioAgentSelectorEnabled,isDebugModeEnabled,isStopResponseEnabled,items,parentItem,promptValue,recordAction:eventLogger,setPromptValue,shouldShowLandingPage,...intelligenceProps}),onClearAction&&jsx(ClearConversationButton,{hasRequestInProgress:intelligenceProps.hasRequestInProgress,onClick:handleOnClearClick}),jsx(TooltipProvider,{children:jsx(Tooltip,{content:intl.formatMessage(closeModalLabel),"data-testid":`content-answers-close-modal-tooltip`,children:jsx(Modal.Close,{"aria-label":intl.formatMessage(closeModalLabel),className:modal_module_default[`modal-close-button`],"data-target-id":closeModalTargetId,icon:closeModalIcon,size:`small`})})})]})]});return shouldRenderProviders?jsx(AgentsProvider,{children:modalContent}):modalContent};export{IntelligenceModal,IntelligenceModal as default};
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/box-ai-content-answers",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.24",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@box/blueprint-web": "^
|
|
6
|
-
"@box/blueprint-web-assets": "^5.7.
|
|
7
|
-
"@box/box-ai-agent-selector": "^2.2.
|
|
8
|
-
"@box/item-icon": "^3.3.
|
|
5
|
+
"@box/blueprint-web": "^17.0.0",
|
|
6
|
+
"@box/blueprint-web-assets": "^5.7.15",
|
|
7
|
+
"@box/box-ai-agent-selector": "^2.2.24",
|
|
8
|
+
"@box/item-icon": "^3.3.24",
|
|
9
9
|
"formik": "^2.0.3",
|
|
10
10
|
"highlight.js": "^11.9.0",
|
|
11
11
|
"immutable": ">3.0.0",
|
|
@@ -17,11 +17,11 @@
|
|
|
17
17
|
},
|
|
18
18
|
"devDependencies": {
|
|
19
19
|
"@box/babel-plugin-target-attributes": "2.2.8",
|
|
20
|
-
"@box/blueprint-web": "^
|
|
21
|
-
"@box/blueprint-web-assets": "^5.7.
|
|
22
|
-
"@box/box-ai-agent-selector": "^2.2.
|
|
23
|
-
"@box/item-icon": "^3.3.
|
|
24
|
-
"@box/storybook-utils": "^1.2.
|
|
20
|
+
"@box/blueprint-web": "^17.0.0",
|
|
21
|
+
"@box/blueprint-web-assets": "^5.7.15",
|
|
22
|
+
"@box/box-ai-agent-selector": "^2.2.24",
|
|
23
|
+
"@box/item-icon": "^3.3.24",
|
|
24
|
+
"@box/storybook-utils": "^1.2.24",
|
|
25
25
|
"@testing-library/react": "^15.0.6",
|
|
26
26
|
"immutable": "^3.8.1",
|
|
27
27
|
"react": "^18.3.0",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import messages from"../esm/lib/messages.js";import messages$1 from"../esm/lib/components/answer/messages.js";import{LOGGER_ACTION_PROGRAMMATIC,LOGGER_BASE_CONFIG}from"../esm/lib/components/common/constants.js";import{focusInput}from"../esm/lib/components/common/focusInputUtils.js";import{t as FeedbackTooltip}from"./feedback-tooltip.js";import React from"react";import{IconButton,Tooltip,useBlueprintModernization,useNotification}from"@box/blueprint-web";import{useIntl}from"react-intl";import{ThumbDown,ThumbUp}from"@box/blueprint-web-assets/icons/Line";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{ThumbsDown,ThumbsUp}from"@box/blueprint-web-assets/icons/Medium";import{ThumbDown as ThumbDown$1,ThumbUp as ThumbUp$1}from"@box/blueprint-web-assets/icons/Fill";import{ThumbsDown as ThumbsDown$1,ThumbsUp as ThumbsUp$1}from"@box/blueprint-web-assets/icons/MediumFilled";import{useAgents}from"@box/box-ai-agent-selector";import '../styles/thumb-buttons.css';var thumb_buttons_module_default={thumbDown:`_thumbDown_1axcd_1`},Feedback={THUMB_UP:`positive`,THUMB_DOWN:`negative`,NONE:`none`},ThumbButtons=({feedbackValue,hostAppName,isFeedbackFormEnabled=!1,isFeedbackTooltipOpen=!1,items,onFeedbackFormSubmit,onFeedbackTooltipOpenChange,prompt,promptType,questionId,recordAction,response,setAnswerFeedback,shouldFeedbackFormIncludeFeedbackText=!1,shouldFeedbackIncludePromptData=!1,variant})=>{let{enableModernizedComponents}=useBlueprintModernization(),{formatMessage}=useIntl(),{addNotification}=useNotification(),{selectedAgent}=useAgents(),selected=feedbackValue,supportedFileTypes=React.useMemo(()=>items.filter(item=>item.status===`supported`).map(item=>item.fileType),[items]),handleThumb=React.useCallback(direction=>{selected!==direction&&(setAnswerFeedback?.(questionId,direction),recordAction?.({...LOGGER_BASE_CONFIG,action:LOGGER_ACTION_PROGRAMMATIC,target:`answer_feedback`,component:variant,data:{feedback_value:direction,file_types:supportedFileTypes,feature:hostAppName,prompt_type:promptType}}),focusInput())},[hostAppName,recordAction,selected,variant,supportedFileTypes,questionId,setAnswerFeedback,promptType]),handleFeedbackFormSubmit=({feedback,feedbackPromptShareConsent,issueType})=>{if(onFeedbackTooltipOpenChange?.(!1,questionId),!onFeedbackFormSubmit)return;let feedbackData={fileTypes:supportedFileTypes,hasPromptData:!1,hostApp:hostAppName,issueType,timestamp:Date.now(),questionId};shouldFeedbackFormIncludeFeedbackText&&(feedbackData.feedback=feedback,feedbackData.hasFeedback=!!feedback),shouldFeedbackIncludePromptData&&feedbackPromptShareConsent&&prompt&&response&&(feedbackData.hasPromptData=!0,feedbackData.prompt=prompt,feedbackData.response=response),selectedAgent&&(feedbackData.selectedAgentName=selectedAgent.name),onFeedbackFormSubmit(feedbackData,()=>{addNotification({sensitivity:`foreground`,styledText:formatMessage(messages$1.feedbackTooltipConfirmation),variant:`success`,typeIconAriaLabel:formatMessage(messages.ariaTypeSuccessIconLabel),closeButtonAriaLabel:formatMessage(messages.closeButtonText)})})},handleFeedbackTooltipOpenChange=isOpen=>{isOpen||onFeedbackTooltipOpenChange?.(!1,questionId)},handleThumbUp=React.useCallback(()=>handleThumb(Feedback.THUMB_UP),[handleThumb]),handleThumbDown=React.useCallback(()=>{handleThumb(Feedback.THUMB_DOWN),onFeedbackTooltipOpenChange?.(!0,questionId)},[handleThumb,onFeedbackTooltipOpenChange,questionId]),ThumbUpIcon=enableModernizedComponents?ThumbsUp:ThumbUp,ThumbDownIcon=enableModernizedComponents?ThumbsDown:ThumbDown,ThumbUpIconFilled=enableModernizedComponents?ThumbsUp$1:ThumbUp$1,ThumbDownIconFilled=enableModernizedComponents?ThumbsDown$1:ThumbDown$1;return jsxs(Fragment,{children:[jsx(Tooltip,{content:formatMessage(messages$1.thumbsUpAriaLabel),children:jsx(IconButton,{"aria-label":formatMessage(messages$1.thumbsUpAriaLabel),disabled:selected===Feedback.THUMB_DOWN,icon:selected===Feedback.THUMB_UP?ThumbUpIconFilled:ThumbUpIcon,onClick:handleThumbUp,size:`x-small`,variant:enableModernizedComponents?`icon-logo`:`default`,"data-target-id":`IconButton-thumbsUpAriaLabel`})}),jsx(FeedbackTooltip,{isOpen:isFeedbackTooltipOpen,onOpenChange:handleFeedbackTooltipOpenChange,onSubmit:handleFeedbackFormSubmit,shouldIncludeFeedbackText:shouldFeedbackFormIncludeFeedbackText,shouldIncludePromptShareConsent:shouldFeedbackIncludePromptData,shouldShow:isFeedbackFormEnabled,children:jsx(Tooltip,{content:formatMessage(messages$1.thumbsDownAriaLabel),children:jsx(IconButton,{"aria-label":formatMessage(messages$1.thumbsDownAriaLabel),className:enableModernizedComponents?``:thumb_buttons_module_default.thumbDown,disabled:selected===Feedback.THUMB_UP,icon:selected===Feedback.THUMB_DOWN?ThumbDownIconFilled:ThumbDownIcon,onClick:handleThumbDown,size:`x-small`,variant:enableModernizedComponents?`icon-logo`:`default`,"data-target-id":`IconButton-thumbsDownAriaLabel`})})})]})};export{ThumbButtons as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._thumbDown_1axcd_1{transform:rotateY(180deg)}
|