@box/box-ai-content-answers 2.1.38 → 2.1.40

package/dist/chunks/answer-content.js

@@ -1,32 +1 @@
-import { t as e } from "./markdown.js";
-import t from "../esm/lib/utils/inlineCitationsUtils.js";
-import n from "../esm/lib/components/common/markdown-react.js";
-import r from "clsx";
-import "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import '../styles/answer-content.css';var s = {
-	answerContent: "_answerContent_xrq8x_27",
-	answerMarkdown: "_answerMarkdown_xrq8x_53"
-}, c = ({ answer: c, items: l, isCompleted: u, isInlineCitationV2Enabled: d, isInlineCitationsEnabled: f, isMarkdownEnabled: p, isReactMarkdownEnabled: m = !1, className: h, variant: g = "modal", ..._ }) => {
-	let v = g === "sidebar", y = (r) => {
-		let i = t(r, {
-			items: l,
-			isCompleted: u,
-			isInlineCitationsEnabled: f
-		});
-		return m ? /* @__PURE__ */ a(n, {
-			isInlineCitationV2Enabled: d,
-			children: i
-		}) : /* @__PURE__ */ a("div", { dangerouslySetInnerHTML: { __html: e(i) } });
-	};
-	return /* @__PURE__ */ o(i, { children: [!p && /* @__PURE__ */ a("div", {
-		className: r(s.answerContent, v && s.sidebar, "Answer-text", h),
-		..._,
-		children: c
-	}), p && c && /* @__PURE__ */ a("div", {
-		className: r(s.answerContent, s.answerMarkdown, v && s.sidebar, "Answer-text", h),
-		..._,
-		children: y(c)
-	})] });
-};
-export { c as t };
+import{t as markdownToHtmlString}from"./markdown.js";import injectInlineCitation from"../esm/lib/utils/inlineCitationsUtils.js";import MarkdownRenderer from"../esm/lib/components/common/markdown-react.js";import clsx from"clsx";import"react";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import '../styles/answer-content.css';var answer_content_module_default={answerContent:`_answerContent_xrq8x_27`,answerMarkdown:`_answerMarkdown_xrq8x_53`},AnswerContent=({answer,items,isCompleted,isInlineCitationV2Enabled,isInlineCitationsEnabled,isMarkdownEnabled,isReactMarkdownEnabled=!1,className,variant=`modal`,...rest})=>{let hasSidebarVariant=variant===`sidebar`,renderMarkdown=content=>{let processedContent=injectInlineCitation(content,{items,isCompleted,isInlineCitationsEnabled});return isReactMarkdownEnabled?jsx(MarkdownRenderer,{isInlineCitationV2Enabled,children:processedContent}):jsx(`div`,{dangerouslySetInnerHTML:{__html:markdownToHtmlString(processedContent)}})};return jsxs(Fragment,{children:[!isMarkdownEnabled&&jsx(`div`,{className:clsx(answer_content_module_default.answerContent,hasSidebarVariant&&answer_content_module_default.sidebar,`Answer-text`,className),...rest,children:answer}),isMarkdownEnabled&&answer&&jsx(`div`,{className:clsx(answer_content_module_default.answerContent,answer_content_module_default.answerMarkdown,hasSidebarVariant&&answer_content_module_default.sidebar,`Answer-text`,className),...rest,children:renderMarkdown(answer)})]})};export{AnswerContent as t};

package/dist/chunks/answer.js

@@ -1,183 +1 @@
-import { t as e } from "./types.js";
-import { t } from "./media-container.js";
-import n from "../esm/lib/components/answer/messages.js";
-import { BoxAILoadingIndicator as r } from "../esm/lib/components/thinkingBubble/boxAILoadingIndicator.js";
-import { t as i } from "./answer-content.js";
-import { CopyButton as a } from "../esm/lib/components/answer/copy-button.js";
-import { t as o } from "./embed-the-answer-button.js";
-import { t as s } from "./inline-error.js";
-import { t as c } from "./references.js";
-import { t as l } from "./thumb-buttons.js";
-import u from "clsx";
-import { memo as d, useEffect as f, useState as p } from "react";
-import { Text as m } from "@box/blueprint-web";
-import { useIntl as ee } from "react-intl";
-import { Gray65 as h, Size4 as g } from "@box/blueprint-web-assets/tokens/tokens";
-import { AlertTriangle as _ } from "@box/blueprint-web-assets/icons/Line";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import '../styles/answer.css';var b = {
-	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"
-}, x = new Set([
-	e.RATE_LIMITING,
-	e.NO_CONTENT,
-	e.PRECONDITION_FAILED,
-	e.GENERAL,
-	e.AGENT_NOT_FOUND
-]), S = /*#__PURE__*/ d(({ answer: d, citations: S, error: C, contentType: te, hostAppName: w, feedbackValue: T, isCitationsEnabled: E = !1, isCompleted: D = !1, isFeedbackEnabled: O = !1, isFeedbackFormEnabled: k, isFeedbackTooltipOpen: A, isInlineCitationsEnabled: j = !1, isInlineCitationV2Enabled: M, isLoading: N = !1, isMarkdownEnabled: P = !1, items: F = [], onAnswerCopy: I, embedTheAnswerButtonConfig: L, onCitationClick: R, onFeedbackFormSubmit: z, onFeedbackTooltipOpenChange: ne, prompt: B, promptType: V, recordAction: H, shouldFeedbackFormIncludeFeedbackText: U, shouldFeedbackIncludePromptData: W, useAnimation: G = !0, variant: K = "modal", isReactMarkdownEnabled: q, setAnswerFeedback: J, questionId: Y }) => {
-	let X = x.has(C), Z = N && !d && !C, [re, ie] = p(D), { formatMessage: Q } = ee();
-	f(() => {
-		d && H && D && F.some((e) => d.includes(e.name)) && H({
-			action: "programmatic",
-			component: K,
-			feature: "answers",
-			target: "links_detected",
-			data: {
-				hostAppName: w,
-				linkCount: F.length,
-				fileNameCount: F.length
-			}
-		});
-	}, [
-		d,
-		K,
-		w,
-		D,
-		H,
-		F
-	]), f(() => {
-		setTimeout(() => ie(D), 0);
-	}, [D]);
-	let $ = () => /* @__PURE__ */ v(_, {
-		className: b.alertIcon,
-		color: h,
-		"data-testid": "content-answers-error-alert-icon",
-		height: g,
-		role: "presentation",
-		width: g
-	}), ae = () => /* @__PURE__ */ y(m, {
-		as: "p",
-		className: b.error,
-		color: "textOnLightSecondary",
-		"data-testid": "content-answers-error",
-		variant: "caption",
-		children: [
-			C === e.RESPONSE_INTERRUPTED && Q(n.responseInterruptedError),
-			C === e.RESPONSE_FAILED && Q(n.responseFailedError),
-			C === e.RESPONSE_STOPPED && Q(n.responseStoppedError),
-			C !== e.RESPONSE_STOPPED && $()
-		]
-	}), oe = () => C === e.RESPONSE_STOPPED ? d ? null : $() : /* @__PURE__ */ y("div", {
-		className: u(b.footerButtons, "footer-buttons-container", { [b.buttonsVisible]: A }),
-		children: [O ? /* @__PURE__ */ v("div", {
-			className: b.feedbackButtonsContainer,
-			children: /* @__PURE__ */ v(l, {
-				feedbackValue: T,
-				hostAppName: w,
-				isFeedbackFormEnabled: k,
-				isFeedbackTooltipOpen: A,
-				items: F,
-				onFeedbackFormSubmit: z,
-				onFeedbackTooltipOpenChange: ne,
-				prompt: B,
-				promptType: V,
-				questionId: Y,
-				recordAction: H,
-				response: d,
-				setAnswerFeedback: J,
-				shouldFeedbackFormIncludeFeedbackText: U,
-				shouldFeedbackIncludePromptData: W,
-				variant: K
-			})
-		}) : null, /* @__PURE__ */ v("div", {
-			className: b.copyButtonContainer,
-			children: /* @__PURE__ */ v(a, {
-				answer: d,
-				onAnswerCopy: I,
-				recordAction: H
-			})
-		})]
-	});
-	return /* @__PURE__ */ y("div", {
-		"aria-live": "polite",
-		className: b.answer,
-		"data-testid": "content-answers-answer",
-		children: [
-			Z && /* @__PURE__ */ y("div", {
-				className: b.loadingContainer,
-				children: [/* @__PURE__ */ v(r, {}), /* @__PURE__ */ v(m, {
-					as: "span",
-					className: b.loadingText,
-					color: "textOnLightDefault",
-					variant: "titleMedium",
-					children: Q(n.analyzingRequest)
-				})]
-			}),
-			!X && !Z && /* @__PURE__ */ v(t, {
-				className: "answer",
-				variant: K,
-				children: /* @__PURE__ */ y(t.Content, {
-					isUsedInsideSidebar: K === "sidebar",
-					variant: "answer",
-					children: [/* @__PURE__ */ v(i, {
-						answer: d,
-						isCompleted: D,
-						isInlineCitationsEnabled: j,
-						isInlineCitationV2Enabled: M,
-						isMarkdownEnabled: P,
-						isReactMarkdownEnabled: q,
-						items: F,
-						variant: K
-					}), D && /* @__PURE__ */ y("div", {
-						className: u(b.footer, {
-							[b.shouldHaveMarginTop]: d,
-							[b.shouldAnimateHeight]: re,
-							[b.shouldUseAnimation]: G
-						}),
-						"data-testid": "content-answers-answer-footer",
-						children: [
-							C && ae(),
-							E && !C && /* @__PURE__ */ v(c, {
-								citations: S,
-								onCitationClick: R,
-								recordAction: H
-							}),
-							oe()
-						]
-					})]
-				})
-			}),
-			!X && !Z && D && L?.onAction && /* @__PURE__ */ v("div", {
-				className: b.embedTheAnswerButtonContainer,
-				children: /* @__PURE__ */ v(o, {
-					answer: d,
-					embedTheAnswerButtonConfig: L,
-					hostAppName: w,
-					questionId: Y,
-					recordAction: H,
-					variant: K
-				})
-			}),
-			X && /* @__PURE__ */ v(s, {
-				contentType: te,
-				error: C,
-				recordAction: H,
-				variant: K
-			})
-		]
-	});
-});
-export { S as t };
+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{t as ThumbButtons}from"./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};

package/dist/chunks/box-ai-content-answers.js

@@ -1,78 +1 @@
-import { r as e } from "./types.js";
-import { t } from "./content.js";
-import { Footer as n } from "../esm/lib/components/footer/footer.js";
-import r from "clsx";
-import * as i from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import '../styles/box-ai-content-answers.css';var s = {
-	container: "_container_h5a00_1",
-	contentAnswers: "_contentAnswers_h5a00_8",
-	sidebar: "_sidebar_h5a00_19"
-}, c = ({ className: c, contentType: l, contentName: u, error: d, hasCustomSuggestedQuestions: f, hasRequestInProgress: p, isAIStudioAgentSelectorEnabled: m, isDebugModeEnabled: h, isStopResponseEnabled: g, isStreamingEnabled: _, items: v, promptValue: y, questions: b, recordAction: x, retryQuestion: S, setPromptValue: C, showLoadingIndicator: w, stopQuestion: T, submitQuestion: E, suggestedQuestions: D, useAnimation: O, onAgentEditorToggle: k, onUserIntentToUseAI: A, promptButtonClickHandler: j, variant: M = "modal", hostAppName: N, isReactMarkdownEnabled: P, isInlineCitationV2Enabled: F, ...I }) => {
-	let [L, R] = i.useState(null), [z, B] = i.useState(d != null), [V, H] = i.useState(!1), U = d === e.LARGE_FILE, W = (!z || U) && !w, G = (e) => {
-		x && x({
-			...e,
-			component: M
-		});
-	}, K = () => {
-		A && A(!1);
-	}, q = (e) => {
-		R(e), A && A(!0);
-	}, J = () => {
-		A && A(!0);
-	};
-	return i.useEffect(() => {
-		B(d != null);
-	}, [d]), /* @__PURE__ */ a("div", {
-		className: r(c, s.container),
-		children: /* @__PURE__ */ o("div", {
-			className: r(s.contentAnswers, M === "sidebar" && s.sidebar),
-			children: [!V && /* @__PURE__ */ a(t, {
-				...I,
-				askSuggestedQuestion: L,
-				contentName: u,
-				contentType: l,
-				error: d,
-				hasCustomSuggestedQuestions: f,
-				hasRequestInProgress: p,
-				hostAppName: N,
-				isErrorMessageShown: z,
-				isInlineCitationV2Enabled: F,
-				isReactMarkdownEnabled: P,
-				isStreamingEnabled: _,
-				items: v,
-				onSuggestedQuestionInteraction: K,
-				questions: b,
-				recordAction: G,
-				setAskSuggestedQuestion: q,
-				showLoadingIndicator: w,
-				suggestedQuestions: D,
-				useAnimation: _ && O,
-				variant: M
-			}), W && /* @__PURE__ */ a(n, {
-				askSuggestedQuestion: L,
-				enableDebugMode: h,
-				hasRequestInProgress: p,
-				isAIStudioAgentSelectorEnabled: m,
-				isDebugModeShown: V,
-				isStopResponseEnabled: g,
-				isStreamingEnabled: _,
-				lastQuestion: b[b.length - 1],
-				onRetryQuestion: S,
-				onStopQuestion: T,
-				onUserInteraction: J,
-				promptButtonClickHandler: j,
-				promptValue: y,
-				recordAction: G,
-				sendQuestion: E,
-				setAskSuggestedQuestion: R,
-				setPromptValue: C,
-				toggleDebugMode: () => {
-					H(!V);
-				},
-				variant: M
-			})]
-		})
-	});
-};
-export { c as t };
+import{r as CONTENT_ERROR}from"./types.js";import{t as Content}from"./content.js";import{Footer}from"../esm/lib/components/footer/footer.js";import clsx from"clsx";import*as React$1 from"react";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/box-ai-content-answers.css';var box_ai_content_answers_module_default={container:`_container_h5a00_1`,contentAnswers:`_contentAnswers_h5a00_8`,sidebar:`_sidebar_h5a00_19`},BoxAiContentAnswers=({className,contentType,contentName,error,hasCustomSuggestedQuestions,hasRequestInProgress,isAIStudioAgentSelectorEnabled,isDebugModeEnabled,isStopResponseEnabled,isStreamingEnabled,items,promptValue,questions,recordAction,retryQuestion,setPromptValue,showLoadingIndicator,stopQuestion,submitQuestion,suggestedQuestions,useAnimation,onAgentEditorToggle,onUserIntentToUseAI,promptButtonClickHandler,variant=`modal`,hostAppName,isReactMarkdownEnabled,isInlineCitationV2Enabled,...rest})=>{let[askSuggestedQuestion,setAskSuggestedQuestion]=React$1.useState(null),[isErrorMessageShown,setIsErrorMessageShown]=React$1.useState(error!=null),[isDebugModeShown,setIsDebugModeShown]=React$1.useState(!1),isFileSizeError=error===CONTENT_ERROR.LARGE_FILE,isFooterEnabled=(!isErrorMessageShown||isFileSizeError)&&!showLoadingIndicator,handleRecordAction=event=>{recordAction&&recordAction({...event,component:variant})},handleSuggestedQuestionInteraction=()=>{onUserIntentToUseAI&&onUserIntentToUseAI(!1)},handleSuggestedQuestionChange=selectedValue=>{setAskSuggestedQuestion(selectedValue),onUserIntentToUseAI&&onUserIntentToUseAI(!0)},handleFooterInteraction=()=>{onUserIntentToUseAI&&onUserIntentToUseAI(!0)};return React$1.useEffect(()=>{setIsErrorMessageShown(error!=null)},[error]),jsx(`div`,{className:clsx(className,box_ai_content_answers_module_default.container),children:jsxs(`div`,{className:clsx(box_ai_content_answers_module_default.contentAnswers,variant===`sidebar`&&box_ai_content_answers_module_default.sidebar),children:[!isDebugModeShown&&jsx(Content,{...rest,askSuggestedQuestion,contentName,contentType,error,hasCustomSuggestedQuestions,hasRequestInProgress,hostAppName,isErrorMessageShown,isInlineCitationV2Enabled,isReactMarkdownEnabled,isStreamingEnabled,items,onSuggestedQuestionInteraction:handleSuggestedQuestionInteraction,questions,recordAction:handleRecordAction,setAskSuggestedQuestion:handleSuggestedQuestionChange,showLoadingIndicator,suggestedQuestions,useAnimation:isStreamingEnabled&&useAnimation,variant}),isFooterEnabled&&jsx(Footer,{askSuggestedQuestion,enableDebugMode:isDebugModeEnabled,hasRequestInProgress,isAIStudioAgentSelectorEnabled,isDebugModeShown,isStopResponseEnabled,isStreamingEnabled,lastQuestion:questions[questions.length-1],onRetryQuestion:retryQuestion,onStopQuestion:stopQuestion,onUserInteraction:handleFooterInteraction,promptButtonClickHandler,promptValue,recordAction:handleRecordAction,sendQuestion:submitQuestion,setAskSuggestedQuestion,setPromptValue,toggleDebugMode:()=>{setIsDebugModeShown(!isDebugModeShown)},variant})]})})};export{BoxAiContentAnswers as t};

package/dist/chunks/chat.js

@@ -1,116 +1 @@
-import { t as e } from "./media-container.js";
-import { t } from "./answer.js";
-import { t as n } from "./question.js";
-import { t as r } from "./suggested-questions.js";
-import { t as i } from "./thinkingBubble.js";
-import a from "../esm/lib/components/welcome-message/messages.js";
-import { WelcomeMessage as o } from "../esm/lib/components/welcome-message/welcome-message.js";
-import s from "clsx";
-import * as c from "react";
-import { Text as l } from "@box/blueprint-web";
-import { useIntl as u } from "react-intl";
-import { BoxAiLogo as d } from "@box/blueprint-web-assets/icons/Logo";
-import { Size10 as f } from "@box/blueprint-web-assets/tokens/tokens";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import '../styles/chat.css';var h = {
-	chat: "_chat_ei94z_27",
-	clearChatText: "_clearChatText_ei94z_27",
-	landingPage: "_landingPage_ei94z_33",
-	iconAvatar: "_iconAvatar_ei94z_46",
-	sidebar: "_sidebar_ei94z_64"
-}, g = ({ askSuggestedQuestion: g, contentType: _, hasCustomSuggestedQuestions: v, hasRequestInProgress: y, isCitationsEnabled: b, isFeedbackEnabled: x, isFeedbackFormEnabled: S, isInlineCitationsEnabled: C = !1, isInlineCitationV2Enabled: w, isMarkdownEnabled: T, isSessionLoading: E = !1, onCitationClick: D, onAnswerCopy: O, embedTheAnswerButtonConfig: k, onFeedbackFormSubmit: A, onDropdownOpenChange: j, onSuggestedQuestionInteraction: M, questions: N, recordAction: P, setAnswerFeedback: F, setAskSuggestedQuestion: I, suggestedQuestions: L, suggestedQuestionsRequestState: R, shouldFeedbackFormIncludeFeedbackText: z, shouldFeedbackIncludePromptData: B, shouldShowLandingPage: V, useAnimation: H, variant: U = "modal", hostAppName: W = "", isReactMarkdownEnabled: G, welcomeMessageClearText: K, ...q }) => {
-	let { formatMessage: J } = u(), [Y, X] = c.useState(null), Z = (e, t) => {
-		X(e ? t : null);
-	};
-	return /* @__PURE__ */ p("div", {
-		className: h.chat,
-		"data-testid": "content-answers-chat",
-		children: /* @__PURE__ */ m("div", {
-			className: s({
-				[h.landingPage]: V,
-				[h.sidebar]: U === "sidebar"
-			}),
-			children: [
-				V && /* @__PURE__ */ p(e.Figure, {
-					variant: U,
-					children: /* @__PURE__ */ p("div", {
-						className: h.iconAvatar,
-						children: /* @__PURE__ */ p(d, {
-							height: f,
-							role: "presentation",
-							width: f
-						})
-					})
-				}),
-				/* @__PURE__ */ p(o, {
-					contentType: "",
-					shouldShowLandingPage: V,
-					...q,
-					variant: U
-				}),
-				V && L !== void 0 && I !== void 0 && /* @__PURE__ */ p(r, {
-					askSuggestedQuestion: g,
-					hasCustomSuggestedQuestions: v,
-					isLoading: y,
-					onSuggestedQuestionInteraction: M,
-					recordAction: P,
-					setAskSuggestedQuestion: I,
-					suggestedQuestions: L,
-					suggestedQuestionsRequestState: R,
-					variant: U
-				}),
-				/* @__PURE__ */ p(l, {
-					as: "p",
-					className: h.clearChatText,
-					children: K || J(a.welcomeClearChatText, { type: _ })
-				}),
-				!V && /* @__PURE__ */ p("ul", { children: N.map(({ answer: e, thinkingAnswer: r, citations: a, id: o, isCompleted: s, isLoading: c, error: l, prompt: u, promptType: d, feedbackValue: f }) => /* @__PURE__ */ m("li", { children: [
-					/* @__PURE__ */ p(n, {
-						prompt: u,
-						variant: U
-					}),
-					r && /* @__PURE__ */ p(i, {
-						content: r,
-						isThinkingComplete: !!e,
-						onDropdownOpenChange: j,
-						variant: U
-					}),
-					/* @__PURE__ */ p(t, {
-						answer: e,
-						citations: a,
-						contentType: _,
-						embedTheAnswerButtonConfig: k,
-						error: l,
-						feedbackValue: f,
-						hostAppName: W,
-						isCitationsEnabled: b,
-						isCompleted: s,
-						isFeedbackEnabled: x,
-						isFeedbackFormEnabled: S,
-						isFeedbackTooltipOpen: Y === o,
-						isInlineCitationsEnabled: C,
-						isInlineCitationV2Enabled: w,
-						isLoading: c || E,
-						isMarkdownEnabled: T,
-						isReactMarkdownEnabled: G,
-						items: q.items,
-						onAnswerCopy: O,
-						onCitationClick: D,
-						onFeedbackFormSubmit: A,
-						onFeedbackTooltipOpenChange: Z,
-						prompt: u,
-						promptType: d,
-						questionId: o,
-						recordAction: P,
-						setAnswerFeedback: F,
-						shouldFeedbackFormIncludeFeedbackText: z,
-						shouldFeedbackIncludePromptData: B,
-						useAnimation: H,
-						variant: U
-					})
-				] }, o)) })
-			]
-		})
-	});
-};
-export { g as t };
+import{t as MediaContainer}from"./media-container.js";import{t as Answer}from"./answer.js";import{t as Question}from"./question.js";import{t as SuggestedQuestions}from"./suggested-questions.js";import{t as ThinkingBubble}from"./thinkingBubble.js";import messages from"../esm/lib/components/welcome-message/messages.js";import{WelcomeMessage}from"../esm/lib/components/welcome-message/welcome-message.js";import clsx from"clsx";import*as React$1 from"react";import{Text}from"@box/blueprint-web";import{useIntl}from"react-intl";import{BoxAiLogo}from"@box/blueprint-web-assets/icons/Logo";import{Size10}from"@box/blueprint-web-assets/tokens/tokens";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/chat.css';var chat_module_default={chat:`_chat_ei94z_27`,clearChatText:`_clearChatText_ei94z_27`,landingPage:`_landingPage_ei94z_33`,iconAvatar:`_iconAvatar_ei94z_46`,sidebar:`_sidebar_ei94z_64`},Chat=({askSuggestedQuestion,contentType,hasCustomSuggestedQuestions,hasRequestInProgress,isCitationsEnabled,isFeedbackEnabled,isFeedbackFormEnabled,isInlineCitationsEnabled=!1,isInlineCitationV2Enabled,isMarkdownEnabled,isSessionLoading=!1,onCitationClick,onAnswerCopy,embedTheAnswerButtonConfig,onFeedbackFormSubmit,onDropdownOpenChange,onSuggestedQuestionInteraction,questions,recordAction,setAnswerFeedback,setAskSuggestedQuestion,suggestedQuestions,suggestedQuestionsRequestState,shouldFeedbackFormIncludeFeedbackText,shouldFeedbackIncludePromptData,shouldShowLandingPage,useAnimation,variant=`modal`,hostAppName=``,isReactMarkdownEnabled,welcomeMessageClearText,...welcomeMessageProps})=>{let{formatMessage}=useIntl(),[openFeedbackTooltipAnswerId,setOpenFeedbackTooltipAnswerId]=React$1.useState(null),handleFeedbackTooltipOpenChange=(isOpen,questionId)=>{setOpenFeedbackTooltipAnswerId(isOpen?questionId:null)};return jsx(`div`,{className:chat_module_default.chat,"data-testid":`content-answers-chat`,children:jsxs(`div`,{className:clsx({[chat_module_default.landingPage]:shouldShowLandingPage,[chat_module_default.sidebar]:variant===`sidebar`}),children:[shouldShowLandingPage&&jsx(MediaContainer.Figure,{variant,children:jsx(`div`,{className:chat_module_default.iconAvatar,children:jsx(BoxAiLogo,{height:Size10,role:`presentation`,width:Size10})})}),jsx(WelcomeMessage,{contentType:``,shouldShowLandingPage,...welcomeMessageProps,variant}),shouldShowLandingPage&&suggestedQuestions!==void 0&&setAskSuggestedQuestion!==void 0&&jsx(SuggestedQuestions,{askSuggestedQuestion,hasCustomSuggestedQuestions,isLoading:hasRequestInProgress,onSuggestedQuestionInteraction,recordAction,setAskSuggestedQuestion,suggestedQuestions,suggestedQuestionsRequestState,variant}),jsx(Text,{as:`p`,className:chat_module_default.clearChatText,children:welcomeMessageClearText||formatMessage(messages.welcomeClearChatText,{type:contentType})}),!shouldShowLandingPage&&jsx(`ul`,{children:questions.map(({answer,thinkingAnswer,citations,id,isCompleted,isLoading,error,prompt,promptType,feedbackValue})=>jsxs(`li`,{children:[jsx(Question,{prompt,variant}),thinkingAnswer&&jsx(ThinkingBubble,{content:thinkingAnswer,isThinkingComplete:!!answer,onDropdownOpenChange,variant}),jsx(Answer,{answer,citations,contentType,embedTheAnswerButtonConfig,error,feedbackValue,hostAppName,isCitationsEnabled,isCompleted,isFeedbackEnabled,isFeedbackFormEnabled,isFeedbackTooltipOpen:openFeedbackTooltipAnswerId===id,isInlineCitationsEnabled,isInlineCitationV2Enabled,isLoading:isLoading||isSessionLoading,isMarkdownEnabled,isReactMarkdownEnabled,items:welcomeMessageProps.items,onAnswerCopy,onCitationClick,onFeedbackFormSubmit,onFeedbackTooltipOpenChange:handleFeedbackTooltipOpenChange,prompt,promptType,questionId:id,recordAction,setAnswerFeedback,shouldFeedbackFormIncludeFeedbackText,shouldFeedbackIncludePromptData,useAnimation,variant})]},id))})]})})};export{Chat as t};

package/dist/chunks/citation.js

@@ -1,124 +1 @@
-import { n as e } from "./types.js";
-import t from "../esm/lib/components/answer/messages.js";
-import { LOGGER_ACTION_CLICK as n, LOGGER_BASE_CONFIG as r } from "../esm/lib/components/common/constants.js";
-import "../esm/lib/components/answer/constants.js";
-import i from "clsx";
-import { useCallback as a, useEffect as o, useRef as s, useState as c } from "react";
-import { Popover as l, Status as u, Text as d, TextButton as f } from "@box/blueprint-web";
-import { useIntl as p } from "react-intl";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { ArrowUpRightSquare as g } from "@box/blueprint-web-assets/icons/Fill";
-import _ from "lodash/debounce";
-import v from "lodash/truncate";
-import '../styles/citation.css';var y = {
-	citationTrigger: "_citationTrigger_4yo68_1",
-	citationStatus: "_citationStatus_4yo68_5",
-	animate: "_animate_4yo68_26",
-	fadeIn: "_fadeIn_4yo68_30",
-	cardTooltip: "_cardTooltip_4yo68_34",
-	cardTooltipTitle: "_cardTooltipTitle_4yo68_38",
-	cardTooltipCitation: "_cardTooltipCitation_4yo68_42",
-	cardTooltipButton: "_cardTooltipButton_4yo68_47"
-}, b = ({ animate: b, content: x, id: S, recordAction: C, fileId: w, title: T, onCitationClick: E, source: D }) => {
-	let [O, k] = c(!1), [A, j] = c(!b), { formatMessage: M } = p(), N = !!E && D !== e.HUBS_METADATA, P = s(null), F;
-	F = T ? M(t.cardTooltipTitleWithDocumentName, { title: T.toString() }) : M(t.cardTooltipTitle);
-	let I = _((e) => {
-		k(e), e === !0 && C && C({
-			...r,
-			feature: "answers-citations",
-			target: "hovered",
-			data: { index: S }
-		});
-	}, 100), L = () => {
-		I(!0);
-	}, R = () => {
-		I(!1);
-	}, z = a(() => {
-		E && C && (E(w, T), C({
-			...r,
-			feature: "answers-citations",
-			target: n,
-			data: { index: S }
-		}));
-	}, [
-		E,
-		C,
-		S,
-		w,
-		T
-	]);
-	o(() => {
-		b && j(!0);
-	}, []);
-	let B = x ? v(x.toString(), {
-		length: 500,
-		separator: /,? +/
-	}) : void 0;
-	return /* @__PURE__ */ h(l.Root, {
-		modal: !1,
-		open: O,
-		children: [/* @__PURE__ */ m(l.Trigger, {
-			className: y.citationTrigger,
-			onMouseEnter: L,
-			onMouseLeave: R,
-			children: /* @__PURE__ */ m(u, {
-				ref: P,
-				"aria-label": O ? B : M(t.referenceAriaLabel, { number: S }),
-				className: i(y.citationStatus, {
-					[y.animate]: b,
-					[y.fadeIn]: A
-				}),
-				colorIndex: 0,
-				"data-testid": "content-answers-citation-status",
-				onBlur: R,
-				onFocus: L,
-				tabIndex: 0,
-				text: `${S}`
-			})
-		}), /* @__PURE__ */ m(l.ContentContainer, {
-			"aria-label": B,
-			collisionPadding: 10,
-			"data-testid": "content-answers-citation-card",
-			onBlur: R,
-			onCloseAutoFocus: (e) => e.preventDefault(),
-			onEscapeKeyDown: () => {
-				P.current?.focus(), R();
-			},
-			onFocus: L,
-			onMouseEnter: L,
-			onMouseLeave: R,
-			onOpenAutoFocus: (e) => {
-				N || e.preventDefault();
-			},
-			side: "top",
-			sideOffset: 5,
-			children: /* @__PURE__ */ m(l.MainContent, { children: /* @__PURE__ */ h("div", {
-				className: y.cardTooltip,
-				children: [
-					/* @__PURE__ */ m(d, {
-						as: "h4",
-						className: y.cardTooltipTitle,
-						variant: "bodyDefaultBold",
-						children: F
-					}),
-					/* @__PURE__ */ m(d, {
-						as: "p",
-						className: y.cardTooltipCitation,
-						color: "textOnLightDefault",
-						variant: "caption",
-						children: B
-					}),
-					N && /* @__PURE__ */ m(f, {
-						"aria-label": M(t.cardTooltipButton),
-						className: y.cardTooltipButton,
-						icon: g,
-						onClick: z,
-						"data-target-id": "TextButton-cardTooltipButton",
-						children: M(t.cardTooltipButton)
-					})
-				]
-			}) })
-		})]
-	});
-};
-export { b as t };
+import{n as CITATION_SOURCE}from"./types.js";import messages from"../esm/lib/components/answer/messages.js";import{LOGGER_ACTION_CLICK,LOGGER_BASE_CONFIG}from"../esm/lib/components/common/constants.js";import"../esm/lib/components/answer/constants.js";import clsx from"clsx";import{useCallback,useEffect,useRef,useState}from"react";import{Popover,Status,Text,TextButton}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{ArrowUpRightSquare}from"@box/blueprint-web-assets/icons/Fill";import debounce from"lodash/debounce";import truncate from"lodash/truncate";import '../styles/citation.css';var citation_module_default={citationTrigger:`_citationTrigger_4yo68_1`,citationStatus:`_citationStatus_4yo68_5`,animate:`_animate_4yo68_26`,fadeIn:`_fadeIn_4yo68_30`,cardTooltip:`_cardTooltip_4yo68_34`,cardTooltipTitle:`_cardTooltipTitle_4yo68_38`,cardTooltipCitation:`_cardTooltipCitation_4yo68_42`,cardTooltipButton:`_cardTooltipButton_4yo68_47`},Citation=({animate,content,id,recordAction,fileId,title,onCitationClick,source})=>{let[open,setOpen]=useState(!1),[showCitation,setShowCitation]=useState(!animate),{formatMessage}=useIntl(),showCitationButton=!!onCitationClick&&source!==CITATION_SOURCE.HUBS_METADATA,statusRef=useRef(null),cardTooltipTitle;cardTooltipTitle=title?formatMessage(messages.cardTooltipTitleWithDocumentName,{title:title.toString()}):formatMessage(messages.cardTooltipTitle);let debouncedTooltipUpdate=debounce(state=>{setOpen(state),state===!0&&recordAction&&recordAction({...LOGGER_BASE_CONFIG,feature:`answers-citations`,target:`hovered`,data:{index:id}})},100),showTooltip=()=>{debouncedTooltipUpdate(!0)},hideTooltip=()=>{debouncedTooltipUpdate(!1)},handleCitationClick=useCallback(()=>{onCitationClick&&recordAction&&(onCitationClick(fileId,title),recordAction({...LOGGER_BASE_CONFIG,feature:`answers-citations`,target:LOGGER_ACTION_CLICK,data:{index:id}}))},[onCitationClick,recordAction,id,fileId,title]);useEffect(()=>{animate&&setShowCitation(!0)},[]);let contentTruncated=content?truncate(content.toString(),{length:500,separator:/,? +/}):void 0;return jsxs(Popover.Root,{modal:!1,open,children:[jsx(Popover.Trigger,{className:citation_module_default.citationTrigger,onMouseEnter:showTooltip,onMouseLeave:hideTooltip,children:jsx(Status,{ref:statusRef,"aria-label":open?contentTruncated:formatMessage(messages.referenceAriaLabel,{number:id}),className:clsx(citation_module_default.citationStatus,{[citation_module_default.animate]:animate,[citation_module_default.fadeIn]:showCitation}),colorIndex:0,"data-testid":`content-answers-citation-status`,onBlur:hideTooltip,onFocus:showTooltip,tabIndex:0,text:`${id}`})}),jsx(Popover.ContentContainer,{"aria-label":contentTruncated,collisionPadding:10,"data-testid":`content-answers-citation-card`,onBlur:hideTooltip,onCloseAutoFocus:e=>e.preventDefault(),onEscapeKeyDown:()=>{statusRef.current?.focus(),hideTooltip()},onFocus:showTooltip,onMouseEnter:showTooltip,onMouseLeave:hideTooltip,onOpenAutoFocus:e=>{showCitationButton||e.preventDefault()},side:`top`,sideOffset:5,children:jsx(Popover.MainContent,{children:jsxs(`div`,{className:citation_module_default.cardTooltip,children:[jsx(Text,{as:`h4`,className:citation_module_default.cardTooltipTitle,variant:`bodyDefaultBold`,children:cardTooltipTitle}),jsx(Text,{as:`p`,className:citation_module_default.cardTooltipCitation,color:`textOnLightDefault`,variant:`caption`,children:contentTruncated}),showCitationButton&&jsx(TextButton,{"aria-label":formatMessage(messages.cardTooltipButton),className:citation_module_default.cardTooltipButton,icon:ArrowUpRightSquare,onClick:handleCitationClick,"data-target-id":`TextButton-cardTooltipButton`,children:formatMessage(messages.cardTooltipButton)})]})})})]})};export{Citation as t};

package/dist/chunks/clear-conversation-button.js

@@ -1,37 +1 @@
-import e from "../esm/lib/components/modal/messages.js";
-import t from "clsx";
-import { IconButton as n, Tooltip as r, useBlueprintModernization as i } from "@box/blueprint-web";
-import { useIntl as a } from "react-intl";
-import { Trash as o } from "@box/blueprint-web-assets/icons/Line";
-import { jsx as s } from "react/jsx-runtime";
-import { Trash as c } from "@box/blueprint-web-assets/icons/Medium";
-import '../styles/clear-conversation-button.css';var l = {
-	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"
-}, u = ({ onClick: u, hasRequestInProgress: d, className: f }) => {
-	let p = a(), { enableModernizedComponents: m } = i(), h = m ? c : o;
-	return /* @__PURE__ */ s(r, {
-		content: p.formatMessage(e.clearConversationLabel),
-		"data-testid": "clear-conversation-tooltip",
-		variant: "standard",
-		children: /* @__PURE__ */ s(n, {
-			"aria-label": p.formatMessage(e.clearConversationLabel),
-			className: t(l.clearButton, f),
-			"data-testid": "clear-conversation-button",
-			disabled: d,
-			icon: h,
-			onClick: u,
-			size: "small",
-			"data-target-id": "IconButton-clearConversationLabel"
-		})
-	});
-};
-export { l as n, u as t };
+import messages from"../esm/lib/components/modal/messages.js";import clsx from"clsx";import{IconButton,Tooltip,useBlueprintModernization}from"@box/blueprint-web";import{useIntl}from"react-intl";import{Trash}from"@box/blueprint-web-assets/icons/Line";import{jsx}from"react/jsx-runtime";import{Trash as Trash$1}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(),{enableModernizedComponents}=useBlueprintModernization(),TrashIcon=enableModernizedComponents?Trash$1: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};