@box/box-ai-content-answers 1.8.1 → 1.8.2

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

@@ -1,25 +1,25 @@
-import { Text as $ } from "@box/blueprint-web";
-import { BoxAiLogo as w } from "@box/blueprint-web-assets/icons/Logo";
+import { Text as w } from "@box/blueprint-web";
+import { BoxAiLogo as L } from "@box/blueprint-web-assets/icons/Logo";
 import { Size10 as b } from "@box/blueprint-web-assets/tokens/tokens";
-import L from "clsx";
-import * as P from "react";
-import { useIntl as S } from "react-intl";
-import { Answer as ee } from "../answer/answer.js";
-import { MediaContainer as te } from "../common/media-container.js";
-import { Question as oe } from "../question/question.js";
-import { SuggestedQuestions as ae } from "../suggested-questions/suggested-questions.js";
-import { ThinkingBubble as se } from "../thinkingBubble/thinkingBubble.js";
-import ie from "../welcome-message/messages.js";
-import { WelcomeMessage as re } from "../welcome-message/welcome-message.js";
+import P from "clsx";
+import * as S from "react";
+import { useIntl as ee } from "react-intl";
+import { Answer as te } from "../answer/answer.js";
+import { MediaContainer as oe } from "../common/media-container.js";
+import { Question as ae } from "../question/question.js";
+import { SuggestedQuestions as se } from "../suggested-questions/suggested-questions.js";
+import { ThinkingBubble as ie } from "../thinkingBubble/thinkingBubble.js";
+import re from "../welcome-message/messages.js";
+import { WelcomeMessage as ne } from "../welcome-message/welcome-message.js";
 import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import '../../../../styles/chat.css';const ne = "_chat_azszb_1", ce = "_clearChatText_azszb_1", le = "_landingPage_azszb_7", me = "_askQuestionText_azszb_15", pe = "_iconAvatar_azszb_23", de = "_sidebar_azszb_39", a = {
-  chat: ne,
-  clearChatText: ce,
-  landingPage: le,
-  askQuestionText: me,
-  iconAvatar: pe,
-  sidebar: de
-}, Ie = ({
+import '../../../../styles/chat.css';const ce = "_chat_azszb_1", le = "_clearChatText_azszb_1", me = "_landingPage_azszb_7", pe = "_askQuestionText_azszb_15", de = "_iconAvatar_azszb_23", be = "_sidebar_azszb_39", a = {
+  chat: ce,
+  clearChatText: le,
+  landingPage: me,
+  askQuestionText: pe,
+  iconAvatar: de,
+  sidebar: be
+}, Ne = ({
   askSuggestedQuestion: _,
   contentType: n,
   hasCustomSuggestedQuestions: h,
@@ -28,125 +28,127 @@ import '../../../../styles/chat.css';const ne = "_chat_azszb_1", ce = "_clearCha
   isFeedbackEnabled: z,
   isFeedbackFormEnabled: C,
   isInlineCitationsEnabled: g = !1,
-  isMarkdownEnabled: k,
-  isSessionLoading: u = !1,
-  onCitationClick: F,
-  onAnswerCopy: A,
-  embedTheAnswerButtonConfig: I,
-  onFeedbackFormSubmit: N,
-  onDropdownOpenChange: O,
-  onSuggestedQuestionInteraction: v,
-  questions: Q,
+  isInlineCitationV2Enabled: k,
+  isMarkdownEnabled: u,
+  isSessionLoading: F = !1,
+  onCitationClick: A,
+  onAnswerCopy: I,
+  embedTheAnswerButtonConfig: N,
+  onFeedbackFormSubmit: O,
+  onDropdownOpenChange: v,
+  onSuggestedQuestionInteraction: Q,
+  questions: j,
   recordAction: c,
-  setAnswerFeedback: j,
+  setAnswerFeedback: y,
   setAskSuggestedQuestion: l,
   suggestedQuestions: m,
-  suggestedQuestionsRequestState: y,
-  shouldFeedbackFormIncludeFeedbackText: B,
-  shouldFeedbackIncludePromptData: M,
+  suggestedQuestionsRequestState: B,
+  shouldFeedbackFormIncludeFeedbackText: M,
+  shouldFeedbackIncludePromptData: q,
   shouldShowLandingPage: o,
-  useAnimation: q,
+  useAnimation: R,
   variant: t = "modal",
-  hostAppName: R = "",
-  isReactMarkdownEnabled: W,
-  welcomeMessageClearText: D,
+  hostAppName: W = "",
+  isReactMarkdownEnabled: D,
+  welcomeMessageClearText: E,
   ...p
 }) => {
   const {
-    formatMessage: E
-  } = S(), [G, H] = P.useState(null), J = (s, i) => {
-    H(s ? i : null);
+    formatMessage: G
+  } = ee(), [H, J] = S.useState(null), K = (s, i) => {
+    J(s ? i : null);
   };
   return /* @__PURE__ */ e("div", {
     className: a.chat,
     "data-testid": "content-answers-chat",
     children: /* @__PURE__ */ f("div", {
-      className: L({
+      className: P({
         [a.landingPage]: o,
         [a.sidebar]: t === "sidebar"
       }),
-      children: [o && /* @__PURE__ */ e(te.Figure, {
+      children: [o && /* @__PURE__ */ e(oe.Figure, {
         variant: t,
         children: /* @__PURE__ */ e("div", {
           className: a.iconAvatar,
-          children: /* @__PURE__ */ e(w, {
+          children: /* @__PURE__ */ e(L, {
             height: b,
             role: "presentation",
             width: b
           })
         })
-      }), /* @__PURE__ */ e(re, {
+      }), /* @__PURE__ */ e(ne, {
         contentType: "",
         shouldShowLandingPage: o,
         ...p,
         variant: t
-      }), o && m !== void 0 && l !== void 0 && /* @__PURE__ */ e(ae, {
+      }), o && m !== void 0 && l !== void 0 && /* @__PURE__ */ e(se, {
         askSuggestedQuestion: _,
         hasCustomSuggestedQuestions: h,
         isLoading: T,
-        onSuggestedQuestionInteraction: v,
+        onSuggestedQuestionInteraction: Q,
         recordAction: c,
         setAskSuggestedQuestion: l,
         suggestedQuestions: m,
-        suggestedQuestionsRequestState: y,
+        suggestedQuestionsRequestState: B,
         variant: t
-      }), /* @__PURE__ */ e($, {
+      }), /* @__PURE__ */ e(w, {
         as: "p",
         className: a.clearChatText,
-        children: D || E(ie.welcomeClearChatText, {
+        children: E || G(re.welcomeClearChatText, {
           type: n
         })
       }), !o && /* @__PURE__ */ e("ul", {
-        children: Q.map(({
+        children: j.map(({
           answer: s,
           thinkingAnswer: i,
-          citations: K,
+          citations: U,
           id: r,
-          isCompleted: U,
-          isLoading: V,
-          error: X,
+          isCompleted: V,
+          isLoading: X,
+          error: Y,
           prompt: d,
-          promptType: Y,
-          feedbackValue: Z
+          promptType: Z,
+          feedbackValue: $
         }) => /* @__PURE__ */ f("li", {
-          children: [/* @__PURE__ */ e(oe, {
+          children: [/* @__PURE__ */ e(ae, {
             prompt: d,
             variant: t
-          }), i && /* @__PURE__ */ e(se, {
+          }), i && /* @__PURE__ */ e(ie, {
             content: i,
             isThinkingComplete: !!s,
-            onDropdownOpenChange: O,
+            onDropdownOpenChange: v,
             variant: t
-          }), /* @__PURE__ */ e(ee, {
+          }), /* @__PURE__ */ e(te, {
             answer: s,
-            citations: K,
+            citations: U,
             contentType: n,
-            embedTheAnswerButtonConfig: I,
-            error: X,
-            feedbackValue: Z,
-            hostAppName: R,
+            embedTheAnswerButtonConfig: N,
+            error: Y,
+            feedbackValue: $,
+            hostAppName: W,
             isCitationsEnabled: x,
-            isCompleted: U,
+            isCompleted: V,
             isFeedbackEnabled: z,
             isFeedbackFormEnabled: C,
-            isFeedbackTooltipOpen: G === r,
+            isFeedbackTooltipOpen: H === r,
             isInlineCitationsEnabled: g,
-            isLoading: V || u,
-            isMarkdownEnabled: k,
-            isReactMarkdownEnabled: W,
+            isInlineCitationV2Enabled: k,
+            isLoading: X || F,
+            isMarkdownEnabled: u,
+            isReactMarkdownEnabled: D,
             items: p.items,
-            onAnswerCopy: A,
-            onCitationClick: F,
-            onFeedbackFormSubmit: N,
-            onFeedbackTooltipOpenChange: J,
+            onAnswerCopy: I,
+            onCitationClick: A,
+            onFeedbackFormSubmit: O,
+            onFeedbackTooltipOpenChange: K,
             prompt: d,
-            promptType: Y,
+            promptType: Z,
             questionId: r,
             recordAction: c,
-            setAnswerFeedback: j,
-            shouldFeedbackFormIncludeFeedbackText: B,
-            shouldFeedbackIncludePromptData: M,
-            useAnimation: q,
+            setAnswerFeedback: y,
+            shouldFeedbackFormIncludeFeedbackText: M,
+            shouldFeedbackIncludePromptData: q,
+            useAnimation: R,
             variant: t
           })]
         }, r))
@@ -155,6 +157,6 @@ import '../../../../styles/chat.css';const ne = "_chat_azszb_1", ce = "_clearCha
   });
 };
 export {
-  Ie as Chat,
-  Ie as default
+  Ne as Chat,
+  Ne as default
 };

package/dist/esm/lib/components/common/inline-citation.js

@@ -1,47 +1,36 @@
-import { FilterChip as t, Tooltip as a } from "@box/blueprint-web";
-import { File as r } from "@box/blueprint-web-assets/icons/Medium";
-import { useCallback as s, useMemo as c } from "react";
-import { useIntl as m } from "react-intl";
-import { isBoxDomain as p } from "../../utils/inlineCitationsUtils.js";
-import d from "../answer/messages.js";
-import { s as u } from "../../../../chunks/markdown.module.js";
-import { jsx as i, jsxs as f } from "react/jsx-runtime";
-const A = ({
+import { Tooltip as l, Link as s } from "@box/blueprint-web";
+import { useCallback as m, useMemo as p } from "react";
+import { useIntl as c } from "react-intl";
+import { isBoxDomain as d } from "../../utils/inlineCitationsUtils.js";
+import k from "../answer/messages.js";
+import { s as t } from "../../../../chunks/markdown.module.js";
+import { jsx as o } from "react/jsx-runtime";
+const x = ({
   fileName: n,
-  href: o
+  href: i,
+  isInlineCitationV2Enabled: r = !1
 }) => {
   const {
-    formatMessage: e
-  } = m(), l = s(() => {
-    window.open(o, "_blank", "noopener,noreferrer");
-  }, [o]);
-  return c(() => p(o), [o]) ? /* @__PURE__ */ i(t.Group, {
-    className: u.inlineCitationGroup,
-    name: "inline-citation-interactive",
-    type: "single",
-    children: /* @__PURE__ */ i(a, {
-      content: n,
-      children: /* @__PURE__ */ f(t.ChipButton, {
-        "aria-label": e(d.inlineCitationAriaLabel, {
-          fileName: n
-        }),
-        className: "inline-citation-chip-button",
-        "data-testid": "inline-citation-chip",
-        onClick: l,
-        value: "interactive",
-        children: [/* @__PURE__ */ i(t.Icon, {
-          className: "inline-citation-file-icon",
-          icon: r
-        }), /* @__PURE__ */ i(t.Label, {
-          className: "inline-citation-filename-label",
-          children: n
-        })]
-      })
+    formatMessage: a
+  } = c(), e = m(() => {
+    window.open(i, "_blank", "noopener,noreferrer");
+  }, [i]);
+  return p(() => d(i), [i]) ? /* @__PURE__ */ o(l, {
+    content: n,
+    children: /* @__PURE__ */ o(s, {
+      "aria-label": a(k.inlineCitationAriaLabel, {
+        fileName: n
+      }),
+      className: r ? t.inlineCitation : t.inlineCitationWrapper,
+      href: i,
+      onClick: e,
+      "data-target-id": "Link-inlineCitationAriaLabel",
+      children: n
     })
-  }) : /* @__PURE__ */ i("span", {
+  }) : /* @__PURE__ */ o("span", {
     children: n
   });
 };
 export {
-  A as default
+  x as default
 };

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

@@ -1,121 +1,136 @@
+import { Link as p } from "@box/blueprint-web";
 import d from "react-markdown";
-import h from "remark-gfm";
-import { isBoxCitation as f } from "../../utils/inlineCitationsUtils.js";
-import u from "./inline-citation.js";
-import { s as t } from "../../../../chunks/markdown.module.js";
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
-const N = ({
-  children: e,
-  className: o
+import f from "remark-gfm";
+import { isBoxDomain as N, isBoxCitation as b } from "../../utils/inlineCitationsUtils.js";
+import g from "./inline-citation.js";
+import { s as r } from "../../../../chunks/markdown.module.js";
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+const k = (t) => (t == null ? void 0 : t.startsWith("#user-content-fn")) ?? !1, h = (t) => t ? b(t) : !1, j = (t) => t ? t.startsWith("http://") || t.startsWith("https://") : !1, x = (t) => t ? N(t) : !1, L = ({
+  children: t,
+  className: e
 }) => {
-  const r = o ? o.replace("language-", "") : "", s = (i) => i.trim().split(/\r?\n/).map((a, m) => /* @__PURE__ */ c("div", {
+  const a = e ? e.replace("language-", "") : "", c = (s) => s.trim().split(/\r?\n/).map((i, l) => /* @__PURE__ */ m("div", {
     className: "hljs-line",
     children: [/* @__PURE__ */ n("span", {
       className: "hljs-line-number",
-      children: m + 1
+      children: l + 1
     }), /* @__PURE__ */ n("span", {
       className: "hljs-line-content",
-      children: a
+      children: i
     })]
-  }, `line-${a.substring(0, 20)}-${Date.now()}`));
-  return /* @__PURE__ */ c("div", {
-    className: t.hljs,
+  }, `line-${i.substring(0, 20)}-${Date.now()}`));
+  return /* @__PURE__ */ m("div", {
+    className: r.hljs,
     children: [/* @__PURE__ */ n("span", {
-      className: t.hljsLanguage,
-      children: r || "auto"
+      className: r.hljsLanguage,
+      children: a || "auto"
     }), /* @__PURE__ */ n("code", {
-      children: s(e)
+      children: c(t)
     })]
   });
-}, k = ({
-  children: e
+}, v = ({
+  children: t
 }) => /* @__PURE__ */ n("div", {
-  className: t.tableWrapper,
+  className: r.tableWrapper,
   children: /* @__PURE__ */ n("table", {
-    children: e
+    children: t
   })
-}), b = ({
+}), u = ({
+  children: t,
+  href: e
+}) => !e || e === "" ? null : x(e) ? /* @__PURE__ */ n("a", {
   href: e,
-  children: o
-}) => /* @__PURE__ */ c("span", {
-  children: [o, " (", e, ")"]
-}), g = ({
-  children: e
+  rel: "noopener noreferrer",
+  target: "_blank",
+  children: t
+}) : /* @__PURE__ */ m("span", {
+  children: [t, " (", e, ")"]
+}), B = ({
+  children: t
 }) => /* @__PURE__ */ n("blockquote", {
-  className: t.blockquote,
-  children: e
-}), j = ({
-  children: e
+  className: r.blockquote,
+  children: t
+}), q = ({
+  children: t
 }) => /* @__PURE__ */ n("ol", {
-  className: t.orderedList,
-  children: e
-}), x = ({
-  children: e
+  className: r.orderedList,
+  children: t
+}), w = ({
+  children: t
 }) => {
-  var r;
-  const o = ((r = e == null ? void 0 : e.toString().match(/^(\d+)/)) == null ? void 0 : r[1]) || e;
+  var a;
+  const e = ((a = t == null ? void 0 : t.toString().match(/^(\d+)/)) == null ? void 0 : a[1]) || t;
   return /* @__PURE__ */ n("span", {
-    className: t.footnote,
-    children: o
+    className: r.footnote,
+    children: e
   });
-}, C = {
-  code: N,
-  table: k,
-  blockquote: g,
-  ol: j,
-  sup: x,
-  // Handle footnote references
-  // Custom paragraph component to handle inline elements properly
+}, R = {
+  code: L,
+  table: v,
+  blockquote: B,
+  ol: q,
+  sup: w,
   p: ({
-    children: e
+    children: t
   }) => /* @__PURE__ */ n("div", {
-    className: t.inlineParagraph,
-    children: e
+    className: r.inlineParagraph,
+    children: t
   }),
-  // Handle footnote references that might be rendered as links
-  a: (e) => {
-    var r, s, i, l;
-    if ((r = e.href) != null && r.startsWith("#user-content-fn")) {
-      const a = ((i = (s = e.children) == null ? void 0 : s.toString().match(/^(\d+)/)) == null ? void 0 : i[1]) || e.children;
-      return /* @__PURE__ */ n("a", {
-        className: t.footnoteReference,
-        href: e.href,
-        children: a
-      });
-    }
-    if (e.href && f(e.href)) {
-      const a = ((l = e.children) == null ? void 0 : l.toString()) || "";
-      return /* @__PURE__ */ n("span", {
-        style: {
-          display: "inline-block"
-        },
-        children: /* @__PURE__ */ n(u, {
-          fileName: a,
-          href: e.href
-        })
+  a: u
+}, M = ({
+  children: t,
+  isInlineCitationV2Enabled: e = !1
+}) => {
+  const a = {
+    ...R,
+    a: (c) => {
+      var i;
+      const {
+        href: s,
+        children: o
+      } = c;
+      if (k(s)) {
+        const l = ((i = o == null ? void 0 : o.toString().match(/^(\d+)/)) == null ? void 0 : i[1]) || o;
+        return /* @__PURE__ */ n(p, {
+          href: s,
+          children: /* @__PURE__ */ n("span", {
+            className: r.footnoteReference,
+            children: l
+          })
+        });
+      }
+      if (h(s)) {
+        const l = (o == null ? void 0 : o.toString()) || "";
+        return /* @__PURE__ */ n(g, {
+          fileName: l,
+          href: s,
+          isInlineCitationV2Enabled: e
+        });
+      }
+      return j(s) ? /* @__PURE__ */ n(u, {
+        href: s,
+        children: o
+      }) : /* @__PURE__ */ n(u, {
+        href: s,
+        children: o
       });
     }
-    return /* @__PURE__ */ n(b, {
-      href: e.href,
-      children: e.children
-    });
-  }
-}, y = ({
-  children: e
-}) => /* @__PURE__ */ n("div", {
-  className: t.markdownContent,
-  children: /* @__PURE__ */ n(d, {
-    components: C,
-    remarkPlugins: [h],
-    children: e
-  })
-});
+  };
+  return /* @__PURE__ */ n("div", {
+    className: r.markdownContent,
+    children: /* @__PURE__ */ n(d, {
+      components: a,
+      remarkPlugins: [f],
+      children: t
+    })
+  });
+};
 export {
-  g as Blockquote,
-  N as CodeBlock,
-  x as Footnote,
-  b as Link,
-  j as Ol,
-  k as Table,
-  y as default
+  B as Blockquote,
+  L as CodeBlock,
+  w as Footnote,
+  u as Link,
+  q as Ol,
+  v as Table,
+  M as default
 };

package/dist/esm/lib/utils/inlineCitationsUtils.js

@@ -1,36 +1,32 @@
-const d = (e) => {
+const u = (e) => {
   try {
     const {
-      hostname: o
+      hostname: t
     } = new URL(e);
-    return o.endsWith(".box.com") || o.endsWith(".box.net");
+    return t.endsWith(".box.com") || t.endsWith(".box.net");
   } catch {
     return !1;
   }
-}, u = (e) => e.includes(".box.com") || e.includes(".box.net"), f = (e, o = {}) => {
+}, f = (e) => e.includes(".box.com") || e.includes(".box.net"), p = (e, t = {}) => {
   const {
-    items: t = [],
-    isCompleted: r = !0,
-    isInlineCitationsEnabled: c = !0,
-    baseUrl: i = typeof window < "u" ? window.location.origin : ""
-  } = o;
-  if (!t.length || !r || !c)
+    items: i = [],
+    isCompleted: s = !0,
+    isInlineCitationsEnabled: r = !0,
+    baseUrl: c = typeof window < "u" ? window.location.origin : ""
+  } = t;
+  if (!i.length || !s || !r)
     return e;
-  let a = e;
-  return t.forEach((n) => {
-    if (!n.name)
+  let o = e;
+  return i.forEach((n) => {
+    if (!n.name || !n.id || n.type !== "file")
       return;
-    const l = `${i}/file/${n.id}`, $ = [`["${n.name}"]`, `['${n.name}']`, `[${n.name}]`, `("${n.name}")`, `('${n.name}')`, `(${n.name})`, `{"${n.name}"}`, `{'${n.name}'}`, `{${n.name}}`, `"${n.name}"`, `'${n.name}'`, n.name];
-    for (const s of $)
-      if (a.includes(s)) {
-        a = a.replaceAll(s, `[${n.name}](${l})`);
-        return;
-      }
-  }), a;
+    const a = `${c}/file/${n.id}`, l = n.name.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), d = new RegExp(`\\b${l}\\b`, "gi");
+    o = o.replace(d, `[${n.name}](${a})`);
+  }), o;
 };
 export {
-  f as default,
-  f as injectInlineCitation,
-  u as isBoxCitation,
-  d as isBoxDomain
+  p as default,
+  p as injectInlineCitation,
+  f as isBoxCitation,
+  u as isBoxDomain
 };

package/dist/styles/markdown.css

@@ -1 +1 @@
-._markdownContent_hd94b_1{display:block}._inlineParagraph_hd94b_5{display:block;margin:0 0 1em;line-height:1.6}._tableWrapper_hd94b_11{margin:var(--space-5) 0;overflow-x:auto}._tableWrapper_hd94b_11 table{width:max-content;min-width:100%;border-collapse:collapse}._tableWrapper_hd94b_11 table,._tableWrapper_hd94b_11 th,._tableWrapper_hd94b_11 td{padding:var(--space-2) var(--space-3);border:var(--border-1) solid var(--gray-10)}._tableWrapper_hd94b_11 th{color:var(--text-text-on-light);font-weight:var(--bp-font-weight-semibold);font-size:var(--bp-font-size-05);line-height:var(--bp-font-line-height-05);background-color:var(--gray-05)}._tableWrapper_hd94b_11 th,._tableWrapper_hd94b_11 td{max-width:calc(var(--space-20) * 3)}._hljs_hd94b_38{position:relative;display:flex;flex-direction:column;overflow-x:auto;background:var(--gray-100)}._hljs_hd94b_38 code{display:grid;white-space:pre}._hljsLanguage_hd94b_50{position:sticky;top:0;left:0;padding:var(--space-2) var(--space-3);color:var(--gray-white);font-weight:var(--bp-font-weight-semibold);font-size:var(--bp-font-size-05);line-height:var(--bp-font-line-height-05);background:var(--gray-90);border-bottom:var(--border-1) solid var(--gray-80)}._hljsContent_hd94b_63{flex:1 1 auto;padding:var(--space-5)}._hljsLine_hd94b_68{display:flex;align-items:flex-start}._hljsLineNumber_hd94b_73{flex:0 0 auto;box-sizing:border-box;width:var(--size-10);padding:var(--space-2) var(--space-1);color:var(--gray-40);text-align:center;background:var(--gray-90);border-right:var(--border-1) solid var(--gray-80);-webkit-user-select:none;user-select:none}._hljsLineContent_hd94b_85{padding:var(--space-2) 0 0 var(--space-1);overflow:hidden}._inlineCitationGroup_hd94b_90{display:inline-flex;max-width:calc(var(--size-20) * 2.5);vertical-align:baseline}._inlineCitationGroup_hd94b_90 ._inline-citation-chip-button_hd94b_95{display:flex;gap:var(--space-2);align-items:center;min-width:0;max-width:100%;overflow:hidden}._inlineCitationGroup_hd94b_90 ._inline-citation-chip-button_hd94b_95 svg,._inlineCitationGroup_hd94b_90 ._inline-citation-chip-button_hd94b_95 ._inline-citation-file-icon_hd94b_104{flex-shrink:0;width:var(--size-5);height:var(--size-5)}._inlineCitationGroup_hd94b_90 ._inline-citation-chip-button_hd94b_95 ._bp-filter-chip-label_hd94b_109,._inlineCitationGroup_hd94b_90 ._inline-citation-chip-button_hd94b_95 ._inline-citation-filename-label_hd94b_110{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
+._markdownContent_13xwk_1{display:block}._inlineParagraph_13xwk_5{display:block;margin:0 0 1em;line-height:1.6}._tableWrapper_13xwk_11{margin:var(--space-5) 0;overflow-x:auto}._tableWrapper_13xwk_11 table{width:max-content;min-width:100%;border-collapse:collapse}._tableWrapper_13xwk_11 table,._tableWrapper_13xwk_11 th,._tableWrapper_13xwk_11 td{padding:var(--space-2) var(--space-3);border:var(--border-1) solid var(--gray-10)}._tableWrapper_13xwk_11 th{color:var(--text-text-on-light);font-weight:var(--bp-font-weight-semibold);font-size:var(--bp-font-size-05);line-height:var(--bp-font-line-height-05);background-color:var(--gray-05)}._tableWrapper_13xwk_11 th,._tableWrapper_13xwk_11 td{max-width:calc(var(--space-20) * 3)}._hljs_13xwk_38{position:relative;display:flex;flex-direction:column;overflow-x:auto;background:var(--gray-100)}._hljs_13xwk_38 code{display:grid;white-space:pre}._hljsLanguage_13xwk_50{position:sticky;top:0;left:0;padding:var(--space-2) var(--space-3);color:var(--gray-white);font-weight:var(--bp-font-weight-semibold);font-size:var(--bp-font-size-05);line-height:var(--bp-font-line-height-05);background:var(--gray-90);border-bottom:var(--border-1) solid var(--gray-80)}._hljsContent_13xwk_63{flex:1 1 auto;padding:var(--space-5)}._hljsLine_13xwk_68{display:flex;align-items:flex-start}._hljsLineNumber_13xwk_73{flex:0 0 auto;box-sizing:border-box;width:var(--size-10);padding:var(--space-2) var(--space-1);color:var(--gray-40);text-align:center;background:var(--gray-90);border-right:var(--border-1) solid var(--gray-80);-webkit-user-select:none;user-select:none}._hljsLineContent_13xwk_85{padding:var(--space-2) 0 0 var(--space-1);overflow:hidden}._inlineCitation_13xwk_90._inlineCitation_13xwk_90._inlineCitation_13xwk_90{display:inline;color:var(--text-text-on-light-secondary, #6F6F6F);text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:2px;vertical-align:baseline;cursor:pointer}._inlineCitation_13xwk_90._inlineCitation_13xwk_90._inlineCitation_13xwk_90:hover,._inlineCitation_13xwk_90._inlineCitation_13xwk_90._inlineCitation_13xwk_90:active{color:var(--text-text-on-light-secondary, #6F6F6F)}._inlineCitation_13xwk_90._inlineCitation_13xwk_90._inlineCitation_13xwk_90:focus-visible{color:var(--text-text-on-light-secondary, #6F6F6F)}._inlineCitation_13xwk_90._inlineCitation_13xwk_90._inlineCitation_13xwk_90:visited{color:var(--text-text-on-light-secondary, #6F6F6F);text-decoration:underline;text-decoration-style:dotted}._inlineCitationWrapper_13xwk_115{display:inline-block}

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

@@ -5,8 +5,16 @@ export type BoxAiContentAnswersProps = Omit<ContentProps, 'isErrorMessageShown'
     /** Flag to indicate if the host application has custom suggested questions */
     hasCustomSuggestedQuestions?: boolean;
     hostAppName?: string;
+    /** Items that are going to be shown within a dropdown to indicate which files are supported and which ones won't */
+    items?: Array<{
+        id: string;
+        name: string;
+        type: string;
+    }>;
     /** Whether to use the new React Markdown renderer instead of the legacy Remarkable renderer */
     isReactMarkdownEnabled?: boolean;
+    /** Whether to use the V2 inline citation component (stylized hyperlink) instead of plain hyperlink */
+    isInlineCitationV2Enabled?: boolean;
     /** Callback when the user clicks on retry */
     retryQuestion?: RetryQuestion;
     /** Callback when the user clicks on stop response */