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

package/dist/esm/lib/components/chat/chat.js

@@ -1,24 +1,24 @@
-import { Text as K } from "@box/blueprint-web";
-import { BoxAiLogo as U } from "@box/blueprint-web-assets/icons/Logo";
+import { Text as U } from "@box/blueprint-web";
+import { BoxAiLogo as V } from "@box/blueprint-web-assets/icons/Logo";
 import { Size10 as d } from "@box/blueprint-web-assets/tokens/tokens";
-import V from "clsx";
-import * as X from "react";
-import { useIntl as Y } from "react-intl";
-import { Answer as Z } from "../answer/answer.js";
-import { MediaContainer as $ } from "../common/media-container.js";
-import { Question as L } from "../question/question.js";
-import { SuggestedQuestions as P } from "../suggested-questions/suggested-questions.js";
-import S from "../welcome-message/messages.js";
-import { WelcomeMessage as ee } from "../welcome-message/welcome-message.js";
+import X from "clsx";
+import * as Y from "react";
+import { useIntl as Z } from "react-intl";
+import { Answer as $ } from "../answer/answer.js";
+import { MediaContainer as L } from "../common/media-container.js";
+import { Question as P } from "../question/question.js";
+import { SuggestedQuestions as S } from "../suggested-questions/suggested-questions.js";
+import ee from "../welcome-message/messages.js";
+import { WelcomeMessage as te } from "../welcome-message/welcome-message.js";
 import { jsx as e, jsxs as _ } from "react/jsx-runtime";
-import '../../../../styles/chat.css';const te = "_chat_77vqr_1", oe = "_clearChatText_77vqr_1", ae = "_landingPage_77vqr_7", re = "_askQuestionText_77vqr_15", se = "_iconAvatar_77vqr_23", ie = "_sidebar_77vqr_39", a = {
-  chat: te,
-  clearChatText: oe,
-  landingPage: ae,
-  askQuestionText: re,
-  iconAvatar: se,
-  sidebar: ie
-}, ve = ({
+import '../../../../styles/chat.css';const oe = "_chat_77vqr_1", ae = "_clearChatText_77vqr_1", re = "_landingPage_77vqr_7", se = "_askQuestionText_77vqr_15", ie = "_iconAvatar_77vqr_23", ne = "_sidebar_77vqr_39", a = {
+  chat: oe,
+  clearChatText: ae,
+  landingPage: re,
+  askQuestionText: se,
+  iconAvatar: ie,
+  sidebar: ne
+}, Ce = ({
   askSuggestedQuestion: f,
   contentType: n,
   hasCustomSuggestedQuestions: h,
@@ -44,38 +44,39 @@ import '../../../../styles/chat.css';const te = "_chat_77vqr_1", oe = "_clearCha
   useAnimation: j,
   variant: t = "modal",
   hostAppName: y = "",
-  welcomeMessageClearText: M,
+  isReactMarkdownEnabled: M,
+  welcomeMessageClearText: w,
   ...p
 }) => {
   const {
-    formatMessage: w
-  } = Y(), [z, B] = X.useState(null), R = (r, s) => {
-    B(r ? s : null);
+    formatMessage: z
+  } = Z(), [B, R] = Y.useState(null), W = (r, s) => {
+    R(r ? s : null);
   };
   return /* @__PURE__ */ e("div", {
     className: a.chat,
     "data-testid": "content-answers-chat",
     children: /* @__PURE__ */ _("div", {
-      className: V({
+      className: X({
         [a.landingPage]: o,
         [a.sidebar]: t === "sidebar"
       }),
-      children: [o && /* @__PURE__ */ e($.Figure, {
+      children: [o && /* @__PURE__ */ e(L.Figure, {
         variant: t,
         children: /* @__PURE__ */ e("div", {
           className: a.iconAvatar,
-          children: /* @__PURE__ */ e(U, {
+          children: /* @__PURE__ */ e(V, {
             height: d,
             role: "presentation",
             width: d
           })
         })
-      }), /* @__PURE__ */ e(ee, {
+      }), /* @__PURE__ */ e(te, {
         contentType: "",
         shouldShowLandingPage: o,
         ...p,
         variant: t
-      }), o && m !== void 0 && l !== void 0 && /* @__PURE__ */ e(P, {
+      }), o && m !== void 0 && l !== void 0 && /* @__PURE__ */ e(S, {
         askSuggestedQuestion: f,
         hasCustomSuggestedQuestions: h,
         isLoading: x,
@@ -85,10 +86,10 @@ import '../../../../styles/chat.css';const te = "_chat_77vqr_1", oe = "_clearCha
         suggestedQuestions: m,
         suggestedQuestionsRequestState: O,
         variant: t
-      }), /* @__PURE__ */ e(K, {
+      }), /* @__PURE__ */ e(U, {
         as: "p",
         className: a.clearChatText,
-        children: M || w(S.welcomeClearChatText, {
+        children: w || z(ee.welcomeClearChatText, {
           type: n
         })
       }), !o && /* @__PURE__ */ e("ul", {
@@ -96,37 +97,38 @@ import '../../../../styles/chat.css';const te = "_chat_77vqr_1", oe = "_clearCha
           answer: r,
           citations: s,
           id: i,
-          isCompleted: W,
-          isLoading: D,
-          error: E,
-          prompt: G,
-          promptType: H,
-          feedbackValue: J
+          isCompleted: D,
+          isLoading: E,
+          error: G,
+          prompt: H,
+          promptType: J,
+          feedbackValue: K
         }) => /* @__PURE__ */ _("li", {
-          children: [/* @__PURE__ */ e(L, {
-            prompt: G,
+          children: [/* @__PURE__ */ e(P, {
+            prompt: H,
             variant: t
-          }), /* @__PURE__ */ e(Z, {
+          }), /* @__PURE__ */ e($, {
             answer: r,
             citations: s,
             contentType: n,
-            error: E,
-            feedbackValue: J,
+            error: G,
+            feedbackValue: K,
             hostAppName: y,
             isCitationsEnabled: T,
-            isCompleted: W,
+            isCompleted: D,
             isFeedbackEnabled: b,
             isFeedbackFormEnabled: v,
-            isFeedbackTooltipOpen: z === i,
+            isFeedbackTooltipOpen: B === i,
             isInlineCitationsEnabled: C,
-            isLoading: D || k,
+            isLoading: E || k,
             isMarkdownEnabled: g,
+            isReactMarkdownEnabled: M,
             items: p.items,
             onAnswerCopy: u,
             onCitationClick: q,
             onFeedbackFormSubmit: A,
-            onFeedbackTooltipOpenChange: R,
-            promptType: H,
+            onFeedbackTooltipOpenChange: W,
+            promptType: J,
             questionId: i,
             recordAction: c,
             setAnswerFeedback: N,
@@ -140,6 +142,6 @@ import '../../../../styles/chat.css';const te = "_chat_77vqr_1", oe = "_clearCha
   });
 };
 export {
-  ve as Chat,
-  ve as default
+  Ce as Chat,
+  Ce as default
 };

package/dist/esm/lib/components/common/markdown-react.js

@@ -0,0 +1,99 @@
+import i from "react-markdown";
+import d from "remark-gfm";
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
+const m = ({
+  children: e,
+  className: t
+}) => {
+  const o = t ? t.replace("language-", "") : "";
+  return /* @__PURE__ */ a("div", {
+    className: "hljs",
+    children: [/* @__PURE__ */ n("span", {
+      className: "hljs-language",
+      children: o || "auto"
+    }), /* @__PURE__ */ n("code", {
+      children: ((s) => s.trim().split(/\r?\n/).map((c, l) => /* @__PURE__ */ a("div", {
+        className: "hljs-line",
+        children: [/* @__PURE__ */ n("span", {
+          className: "hljs-line-number",
+          children: l + 1
+        }), /* @__PURE__ */ n("span", {
+          className: "hljs-line-content",
+          children: c
+        })]
+      }, `line-${c.substring(0, 20)}-${Date.now()}`)))(e)
+    })]
+  });
+}, u = ({
+  children: e
+}) => /* @__PURE__ */ n("div", {
+  className: "table-wrapper",
+  children: /* @__PURE__ */ n("table", {
+    children: e
+  })
+}), h = ({
+  href: e,
+  children: t
+}) => /* @__PURE__ */ a("span", {
+  children: [t, " (", e, ")"]
+}), f = ({
+  children: e
+}) => /* @__PURE__ */ n("blockquote", {
+  className: "blockquote",
+  children: e
+}), N = ({
+  children: e
+}) => /* @__PURE__ */ n("ol", {
+  className: "orderedList",
+  children: e
+}), b = ({
+  children: e
+}) => {
+  var o;
+  const t = ((o = e == null ? void 0 : e.toString().match(/^(\d+)/)) == null ? void 0 : o[1]) || e;
+  return /* @__PURE__ */ n("span", {
+    className: "footnote",
+    children: t
+  });
+}, k = {
+  code: m,
+  table: u,
+  blockquote: f,
+  ol: N,
+  sup: b,
+  // Handle footnote references
+  // Handle footnote references that might be rendered as links
+  a: (e) => {
+    var t, o, r;
+    if ((t = e.href) != null && t.startsWith("#user-content-fn")) {
+      const s = ((r = (o = e.children) == null ? void 0 : o.toString().match(/^(\d+)/)) == null ? void 0 : r[1]) || e.children;
+      return /* @__PURE__ */ n("a", {
+        className: "footnote-reference",
+        href: e.href,
+        children: s
+      });
+    }
+    return /* @__PURE__ */ n(h, {
+      href: e.href,
+      children: e.children
+    });
+  }
+}, q = ({
+  children: e
+}) => /* @__PURE__ */ n("div", {
+  className: "markdown-content",
+  children: /* @__PURE__ */ n(i, {
+    components: k,
+    remarkPlugins: [d],
+    children: e
+  })
+});
+export {
+  f as Blockquote,
+  m as CodeBlock,
+  b as Footnote,
+  h as Link,
+  N as Ol,
+  u as Table,
+  q as default
+};