@box/box-ai-content-answers 0.148.7 → 0.148.9

package/dist/types/lib/box-ai-content-answers.d.ts

@@ -5,6 +5,8 @@ export type BoxAiContentAnswersProps = Omit<ContentProps, 'isErrorMessageShown'
     /** Flag to indicate if the host application has custom suggested questions */
     hasCustomSuggestedQuestions?: boolean;
     hostAppName?: string;
+    /** Whether to use the new React Markdown renderer instead of the legacy Remarkable renderer */
+    isReactMarkdownEnabled?: boolean;
     /** Callback when the user clicks on retry */
     retryQuestion?: RetryQuestion;
     /** Callback when the user clicks on stop response */

package/dist/types/lib/components/answer/answer-content.d.ts

@@ -4,7 +4,9 @@ export interface AnswerContentProps extends React.HTMLAttributes<HTMLDivElement>
     answer?: string;
     /** Whether to render the answer with markdown */
     isMarkdownEnabled?: boolean;
+    /** Whether to use the new React-based markdown renderer instead of the legacy one */
+    isReactMarkdownEnabled?: boolean;
     variant?: StyleVariant;
 }
-export declare const AnswerContent: ({ answer, isMarkdownEnabled, className, variant, ...rest }: AnswerContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AnswerContent: ({ answer, isMarkdownEnabled, isReactMarkdownEnabled, className, variant, ...rest }: AnswerContentProps) => import("react/jsx-runtime").JSX.Element;
 export default AnswerContent;

package/dist/types/lib/components/answer/answer.d.ts

@@ -46,6 +46,8 @@ export interface AnswerProps {
     /** If keyframe animation for appearing answer should be applied */
     useAnimation?: boolean;
     variant?: StyleVariant;
+    /** Whether to use the new React Markdown renderer instead of the legacy Remarkable renderer */
+    isReactMarkdownEnabled?: boolean;
     setAnswerFeedback?: (questionId: string, feedbackValue: FeedbackValue) => void;
     /** ID of a question that this answer answers to, used for providing feedback */
     questionId?: string;

package/dist/types/lib/components/api-wrapper/types.d.ts

@@ -76,6 +76,8 @@ export type ApiWrapperProps = {
     isCitationsEnabled?: boolean;
     isLoading?: boolean;
     isMarkdownEnabled?: boolean;
+    /** Whether to use the new React Markdown renderer instead of the legacy Remarkable renderer */
+    isReactMarkdownEnabled?: boolean;
     isOpen?: boolean;
     isStreamingEnabled?: boolean;
     /**

package/dist/types/lib/components/chat/chat.d.ts

@@ -1,3 +1,3 @@
 import { ChatProps } from '../../types';
-export declare const Chat: ({ askSuggestedQuestion, contentType, hasCustomSuggestedQuestions, hasRequestInProgress, isCitationsEnabled, isFeedbackEnabled, isFeedbackFormEnabled, isInlineCitationsEnabled, isMarkdownEnabled, isSessionLoading, onCitationClick, onAnswerCopy, onFeedbackFormSubmit, onSuggestedQuestionInteraction, questions, recordAction, setAnswerFeedback, setAskSuggestedQuestion, suggestedQuestions, suggestedQuestionsRequestState, shouldFeedbackFormIncludeFeedbackText, shouldShowLandingPage, useAnimation, variant, hostAppName, welcomeMessageClearText, ...welcomeMessageProps }: ChatProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Chat: ({ askSuggestedQuestion, contentType, hasCustomSuggestedQuestions, hasRequestInProgress, isCitationsEnabled, isFeedbackEnabled, isFeedbackFormEnabled, isInlineCitationsEnabled, isMarkdownEnabled, isSessionLoading, onCitationClick, onAnswerCopy, onFeedbackFormSubmit, onSuggestedQuestionInteraction, questions, recordAction, setAnswerFeedback, setAskSuggestedQuestion, suggestedQuestions, suggestedQuestionsRequestState, shouldFeedbackFormIncludeFeedbackText, shouldShowLandingPage, useAnimation, variant, hostAppName, isReactMarkdownEnabled, welcomeMessageClearText, ...welcomeMessageProps }: ChatProps) => import("react/jsx-runtime").JSX.Element;
 export default Chat;

package/dist/types/lib/components/common/markdown-react.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+declare const CodeBlock: React.FC<{
+    children: string;
+    className?: string;
+}>;
+declare const Table: React.FC<{
+    children: React.ReactNode;
+}>;
+declare const Link: React.FC<{
+    href?: string;
+    children: React.ReactNode;
+}>;
+declare const Blockquote: React.FC<{
+    children: React.ReactNode;
+}>;
+declare const Ol: React.FC<{
+    children: React.ReactNode;
+}>;
+declare const Footnote: React.FC<{
+    children: React.ReactNode;
+}>;
+declare const MarkdownRenderer: React.FC<{
+    children: string;
+}>;
+export default MarkdownRenderer;
+export { Blockquote, CodeBlock, Footnote, Link, Ol, Table };

package/dist/types/lib/types.d.ts

@@ -131,6 +131,8 @@ export type ChatProps = WelcomeMessageProps & {
     shouldFeedbackFormIncludeFeedbackText?: boolean;
     variant?: StyleVariant;
     hostAppName?: string;
+    /** Whether to use the new React Markdown renderer instead of the legacy Remarkable renderer */
+    isReactMarkdownEnabled?: boolean;
     /** Custom clear chat message to be shown instead of This chat will be cleared when you close this {contentType} */
     welcomeMessageClearText?: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/box-ai-content-answers",
-    "version": "0.148.7",
+    "version": "0.148.9",
     "peerDependencies": {
         "@box/blueprint-web": "^7.8.0",
         "@box/blueprint-web-assets": "^4.56.1",
@@ -17,16 +17,20 @@
     },
     "devDependencies": {
         "@box/babel-plugin-target-attributes": "1.3.0",
-        "@box/blueprint-web": "^12.66.0",
+        "@box/blueprint-web": "^12.68.0",
         "@box/blueprint-web-assets": "^4.66.0",
-        "@box/box-ai-agent-selector": "^0.58.7",
-        "@box/item-icon": "^0.23.7",
+        "@box/box-ai-agent-selector": "^0.58.10",
+        "@box/item-icon": "^0.23.9",
         "@box/storybook-utils": "^0.14.2",
         "@testing-library/react": "^15.0.6",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",
         "react-intl": "^6.4.2"
     },
+    "dependencies": {
+        "react-markdown": "^10.1.0",
+        "remark-gfm": "^4.0.1"
+    },
     "publishConfig": {
         "access": "public"
     },