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

package/dist/chunks/markdown.module.js

@@ -1,19 +1,16 @@
-import '../styles/markdown.css';const n = "_markdownContent_hd94b_1", i = "_inlineParagraph_hd94b_5", t = "_tableWrapper_hd94b_11", e = "_hljs_hd94b_38", l = "_hljsLanguage_hd94b_50", _ = "_hljsContent_hd94b_63", a = "_hljsLine_hd94b_68", o = "_hljsLineNumber_hd94b_73", h = "_hljsLineContent_hd94b_85", s = "_inlineCitationGroup_hd94b_90", b = {
+import '../styles/markdown.css';const n = "_markdownContent_13xwk_1", t = "_inlineParagraph_13xwk_5", e = "_tableWrapper_13xwk_11", i = "_hljs_13xwk_38", a = "_hljsLanguage_13xwk_50", s = "_hljsContent_13xwk_63", _ = "_hljsLine_13xwk_68", l = "_hljsLineNumber_13xwk_73", o = "_hljsLineContent_13xwk_85", r = "_inlineCitation_13xwk_90", h = "_inlineCitationWrapper_13xwk_115", j = {
   markdownContent: n,
-  inlineParagraph: i,
-  tableWrapper: t,
-  hljs: e,
-  hljsLanguage: l,
-  hljsContent: _,
-  hljsLine: a,
-  hljsLineNumber: o,
-  hljsLineContent: h,
-  inlineCitationGroup: s,
-  "inline-citation-chip-button": "_inline-citation-chip-button_hd94b_95",
-  "inline-citation-file-icon": "_inline-citation-file-icon_hd94b_104",
-  "bp-filter-chip-label": "_bp-filter-chip-label_hd94b_109",
-  "inline-citation-filename-label": "_inline-citation-filename-label_hd94b_110"
+  inlineParagraph: t,
+  tableWrapper: e,
+  hljs: i,
+  hljsLanguage: a,
+  hljsContent: s,
+  hljsLine: _,
+  hljsLineNumber: l,
+  hljsLineContent: o,
+  inlineCitation: r,
+  inlineCitationWrapper: h
 };
 export {
-  b as s
+  j as s
 };

package/dist/esm/lib/box-ai-content-answers.js

@@ -1,14 +1,14 @@
 import p from "clsx";
 import * as s from "react";
-import { C as W } from "../../chunks/types.js";
-import { jsx as u, jsxs as X } from "react/jsx-runtime";
-import { Content as Y } from "./components/content/content.js";
-import { Footer as Z } from "./components/footer/footer.js";
-import '../../styles/box-ai-content-answers.css';const $ = "_container_1p5tb_1", v = "_contentAnswers_1p5tb_8", P = "_sidebar_1p5tb_19", a = {
-  container: $,
-  contentAnswers: v,
-  sidebar: P
-}, oe = ({
+import { C as Y } from "../../chunks/types.js";
+import { jsx as u, jsxs as Z } from "react/jsx-runtime";
+import { Content as $ } from "./components/content/content.js";
+import { Footer as v } from "./components/footer/footer.js";
+import '../../styles/box-ai-content-answers.css';const P = "_container_1p5tb_1", T = "_contentAnswers_1p5tb_8", q = "_sidebar_1p5tb_19", a = {
+  container: P,
+  contentAnswers: T,
+  sidebar: q
+}, ne = ({
   className: _,
   contentType: h,
   contentName: Q,
@@ -19,63 +19,67 @@ import '../../styles/box-ai-content-answers.css';const $ = "_container_1p5tb_1",
   isDebugModeEnabled: E,
   isStopResponseEnabled: M,
   isStreamingEnabled: n,
-  promptValue: R,
+  items: R,
+  promptValue: x,
   questions: i,
   recordAction: l,
-  retryQuestion: x,
-  setPromptValue: C,
+  retryQuestion: C,
+  setPromptValue: F,
   showLoadingIndicator: g,
-  stopQuestion: F,
-  submitQuestion: D,
-  suggestedQuestions: N,
-  useAnimation: k,
-  onAgentEditorToggle: T,
+  stopQuestion: D,
+  submitQuestion: N,
+  suggestedQuestions: k,
+  useAnimation: j,
+  onAgentEditorToggle: I,
   onUserIntentToUseAI: e,
-  promptButtonClickHandler: j,
+  promptButtonClickHandler: y,
   variant: o = "modal",
-  hostAppName: y,
-  isReactMarkdownEnabled: O,
-  ...z
+  hostAppName: O,
+  isReactMarkdownEnabled: z,
+  isInlineCitationV2Enabled: B,
+  ...G
 }) => {
-  const [f, m] = s.useState(null), [S, B] = s.useState(t != null), [c, G] = s.useState(!1), L = t === W.LARGE_FILE, H = (!S || L) && !g, b = (r) => {
+  const [f, m] = s.useState(null), [S, L] = s.useState(t != null), [c, H] = s.useState(!1), J = t === Y.LARGE_FILE, K = (!S || J) && !g, b = (r) => {
     l && l({
       ...r,
       component: o
     });
-  }, J = () => {
+  }, V = () => {
     e && e(!1);
-  }, K = (r) => {
+  }, W = (r) => {
     m(r), e && e(!0);
-  }, V = () => {
+  }, X = () => {
     e && e(!0);
   };
   return s.useEffect(() => {
-    B(t != null);
+    L(t != null);
   }, [t]), /* @__PURE__ */ u("div", {
     className: p(_, a.container),
-    children: /* @__PURE__ */ X("div", {
+    children: /* @__PURE__ */ Z("div", {
       className: p(a.contentAnswers, o === "sidebar" && a.sidebar),
-      children: [!c && /* @__PURE__ */ u(Y, {
-        ...z,
+      children: [!c && /* @__PURE__ */ u($, {
+        ...G,
         askSuggestedQuestion: f,
         contentName: Q,
         contentType: h,
         error: t,
         hasCustomSuggestedQuestions: w,
         hasRequestInProgress: d,
-        hostAppName: y,
+        hostAppName: O,
         isErrorMessageShown: S,
-        isReactMarkdownEnabled: O,
+        isInlineCitationV2Enabled: B,
+        isReactMarkdownEnabled: z,
         isStreamingEnabled: n,
-        onSuggestedQuestionInteraction: J,
+        items: R,
+        onSuggestedQuestionInteraction: V,
         questions: i,
         recordAction: b,
-        setAskSuggestedQuestion: K,
+        setAskSuggestedQuestion: W,
         showLoadingIndicator: g,
-        suggestedQuestions: N,
-        useAnimation: n && k,
+        suggestedQuestions: k,
+        useAnimation: n && j,
         variant: o
-      }), H && /* @__PURE__ */ u(Z, {
+      }), K && /* @__PURE__ */ u(v, {
         askSuggestedQuestion: f,
         enableDebugMode: E,
         hasRequestInProgress: d,
@@ -84,17 +88,17 @@ import '../../styles/box-ai-content-answers.css';const $ = "_container_1p5tb_1",
         isStopResponseEnabled: M,
         isStreamingEnabled: n,
         lastQuestion: i[i.length - 1],
-        onRetryQuestion: x,
-        onStopQuestion: F,
-        onUserInteraction: V,
-        promptButtonClickHandler: j,
-        promptValue: R,
+        onRetryQuestion: C,
+        onStopQuestion: D,
+        onUserInteraction: X,
+        promptButtonClickHandler: y,
+        promptValue: x,
         recordAction: b,
-        sendQuestion: D,
+        sendQuestion: N,
         setAskSuggestedQuestion: m,
-        setPromptValue: C,
+        setPromptValue: F,
         toggleDebugMode: () => {
-          G(!c);
+          H(!c);
         },
         variant: o
       })]
@@ -102,6 +106,6 @@ import '../../styles/box-ai-content-answers.css';const $ = "_container_1p5tb_1",
   });
 };
 export {
-  oe as BoxAiContentAnswers,
-  oe as default
+  ne as BoxAiContentAnswers,
+  ne as default
 };

package/dist/esm/lib/components/answer/answer-content.js

@@ -1,43 +1,54 @@
 import i from "clsx";
-import { markdownToHtmlString as _ } from "../common/markdown.js";
-import f from "../common/markdown-react.js";
-import { jsxs as h, Fragment as u, jsx as r } from "react/jsx-runtime";
-import '../../../../styles/answer-content.css';const C = "_answerContent_uoab3_1", k = "_answerMarkdown_uoab3_16", n = {
-  answerContent: C,
-  answerMarkdown: k
-}, g = ({
-  answer: e,
-  isMarkdownEnabled: t,
-  isReactMarkdownEnabled: w = !1,
+import { injectInlineCitation as u } from "../../utils/inlineCitationsUtils.js";
+import { markdownToHtmlString as k } from "../common/markdown.js";
+import x from "../common/markdown-react.js";
+import { jsxs as M, Fragment as b, jsx as r } from "react/jsx-runtime";
+import '../../../../styles/answer-content.css';const g = "_answerContent_uoab3_1", j = "_answerMarkdown_uoab3_16", n = {
+  answerContent: g,
+  answerMarkdown: j
+}, I = ({
+  answer: t,
+  items: m,
+  isCompleted: c,
+  isInlineCitationV2Enabled: w,
+  isInlineCitationsEnabled: l,
+  isMarkdownEnabled: e,
+  isReactMarkdownEnabled: C = !1,
   className: o,
-  variant: m = "modal",
+  variant: f = "modal",
   ...s
 }) => {
-  const a = m === "sidebar", l = (d) => {
-    if (w)
-      return /* @__PURE__ */ r(f, {
+  const a = f === "sidebar", _ = (h) => {
+    const d = u(h, {
+      items: m,
+      isCompleted: c,
+      isInlineCitationsEnabled: l
+    });
+    if (C)
+      return /* @__PURE__ */ r(x, {
+        isInlineCitationV2Enabled: w,
         children: d
       });
-    const c = _(d);
+    const p = k(d);
     return /* @__PURE__ */ r("div", {
       dangerouslySetInnerHTML: {
-        __html: c
+        __html: p
       }
     });
   };
-  return /* @__PURE__ */ h(u, {
-    children: [!t && /* @__PURE__ */ r("div", {
+  return /* @__PURE__ */ M(b, {
+    children: [!e && /* @__PURE__ */ r("div", {
       className: i(n.answerContent, a && n.sidebar, "Answer-text", o),
       ...s,
-      children: e
-    }), t && e && /* @__PURE__ */ r("div", {
+      children: t
+    }), e && t && /* @__PURE__ */ r("div", {
       className: i(n.answerContent, n.answerMarkdown, a && n.sidebar, "Answer-text", o),
       ...s,
-      children: l(e)
+      children: _(t)
     })]
   });
 };
 export {
-  g as AnswerContent,
-  g as default
+  I as AnswerContent,
+  I as default
 };

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

@@ -1,56 +1,56 @@
-import { Text as T } from "@box/blueprint-web";
+import { Text as I } from "@box/blueprint-web";
 import { AlertTriangle as X } from "@box/blueprint-web-assets/icons/Line";
-import { Gray65 as Y, Size4 as S } from "@box/blueprint-web-assets/tokens/tokens";
-import R from "clsx";
-import { memo as Z, useState as $, useEffect as j, useMemo as nn } from "react";
-import { useIntl as en } from "react-intl";
-import { A as r } from "../../../../chunks/types.js";
-import { injectInlineCitation as tn } from "../../utils/inlineCitationsUtils.js";
-import { MediaContainer as O } from "../common/media-container.js";
-import { BoxAILoadingIndicator as on } from "../thinkingBubble/boxAILoadingIndicator.js";
-import { AnswerContent as rn } from "./answer-content.js";
-import { CopyButton as sn } from "./copy-button.js";
-import { EmbedTheAnswerButton as an } from "./embed-the-answer-button.js";
-import { InlineError as ln } from "./inline-error.js";
+import { Gray65 as Y, Size4 as g } from "@box/blueprint-web-assets/tokens/tokens";
+import T from "clsx";
+import { memo as Z, useState as $, useEffect as S } from "react";
+import { useIntl as nn } from "react-intl";
+import { A as s } from "../../../../chunks/types.js";
+import { MediaContainer as R } from "../common/media-container.js";
+import { BoxAILoadingIndicator as en } from "../thinkingBubble/boxAILoadingIndicator.js";
+import { AnswerContent as tn } from "./answer-content.js";
+import { CopyButton as on } from "./copy-button.js";
+import { EmbedTheAnswerButton as sn } from "./embed-the-answer-button.js";
+import { InlineError as rn } from "./inline-error.js";
 import u from "./messages.js";
-import { References as cn } from "./references.js";
-import { ThumbButtons as fn } from "./thumb-buttons.js";
+import { References as an } from "./references.js";
+import { ThumbButtons as ln } from "./thumb-buttons.js";
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import '../../../../styles/answer.css';const dn = "_answer_1efjn_1", _n = "_loadingContainer_1efjn_5", un = "_loadingText_1efjn_12", mn = "_fadeIn_1efjn_1", hn = "_alertIcon_1efjn_21", En = "_error_1efjn_24", Nn = "_footer_1efjn_28", pn = "_copyButtonContainer_1efjn_34", In = "_feedbackButtonsContainer_1efjn_35", gn = "_shouldHaveMarginTop_1efjn_39", Tn = "_shouldUseAnimation_1efjn_42", Sn = "_shouldAnimateHeight_1efjn_46", Rn = "_footerButtons_1efjn_50", jn = "_iconAvatar_1efjn_56", On = "_embedTheAnswerButtonContainer_1efjn_71", An = "_buttonsVisible_1efjn_79", n = {
-  answer: dn,
-  loadingContainer: _n,
-  loadingText: un,
-  fadeIn: mn,
-  alertIcon: hn,
-  error: En,
-  footer: Nn,
-  copyButtonContainer: pn,
-  feedbackButtonsContainer: In,
-  shouldHaveMarginTop: gn,
-  shouldUseAnimation: Tn,
-  shouldAnimateHeight: Sn,
-  footerButtons: Rn,
-  iconAvatar: jn,
-  embedTheAnswerButtonContainer: On,
-  buttonsVisible: An
-}, Bn = /* @__PURE__ */ new Set([r.RATE_LIMITING, r.NO_CONTENT, r.PRECONDITION_FAILED, r.GENERAL, r.AGENT_NOT_FOUND]), Jn = /* @__PURE__ */ Z(({
+import '../../../../styles/answer.css';const cn = "_answer_1efjn_1", dn = "_loadingContainer_1efjn_5", fn = "_loadingText_1efjn_12", _n = "_fadeIn_1efjn_1", un = "_alertIcon_1efjn_21", mn = "_error_1efjn_24", hn = "_footer_1efjn_28", En = "_copyButtonContainer_1efjn_34", Nn = "_feedbackButtonsContainer_1efjn_35", pn = "_shouldHaveMarginTop_1efjn_39", In = "_shouldUseAnimation_1efjn_42", gn = "_shouldAnimateHeight_1efjn_46", Tn = "_footerButtons_1efjn_50", Sn = "_iconAvatar_1efjn_56", Rn = "_embedTheAnswerButtonContainer_1efjn_71", jn = "_buttonsVisible_1efjn_79", n = {
+  answer: cn,
+  loadingContainer: dn,
+  loadingText: fn,
+  fadeIn: _n,
+  alertIcon: un,
+  error: mn,
+  footer: hn,
+  copyButtonContainer: En,
+  feedbackButtonsContainer: Nn,
+  shouldHaveMarginTop: pn,
+  shouldUseAnimation: In,
+  shouldAnimateHeight: gn,
+  footerButtons: Tn,
+  iconAvatar: Sn,
+  embedTheAnswerButtonContainer: Rn,
+  buttonsVisible: jn
+}, On = /* @__PURE__ */ new Set([s.RATE_LIMITING, s.NO_CONTENT, s.PRECONDITION_FAILED, s.GENERAL, s.AGENT_NOT_FOUND]), zn = /* @__PURE__ */ Z(({
   answer: t,
-  citations: A,
+  citations: j,
   error: o,
-  contentType: B,
-  hostAppName: f,
+  contentType: O,
+  hostAppName: d,
   feedbackValue: b,
-  isCitationsEnabled: P = !1,
-  isCompleted: s = !1,
-  isFeedbackEnabled: w = !1,
-  isFeedbackFormEnabled: x,
-  isFeedbackTooltipOpen: N,
-  isInlineCitationsEnabled: p = !1,
-  isLoading: C = !1,
-  isMarkdownEnabled: v = !1,
+  isCitationsEnabled: A = !1,
+  isCompleted: r = !1,
+  isFeedbackEnabled: B = !1,
+  isFeedbackFormEnabled: C,
+  isFeedbackTooltipOpen: E,
+  isInlineCitationsEnabled: P = !1,
+  isInlineCitationV2Enabled: x,
+  isLoading: v = !1,
+  isMarkdownEnabled: w = !1,
   items: l = [],
   onAnswerCopy: M,
-  embedTheAnswerButtonConfig: d,
+  embedTheAnswerButtonConfig: f,
   onCitationClick: y,
   onFeedbackFormSubmit: D,
   onFeedbackTooltipOpenChange: L,
@@ -63,59 +63,59 @@ import '../../../../styles/answer.css';const dn = "_answer_1efjn_1", _n = "_load
   variant: i = "modal",
   isReactMarkdownEnabled: V,
   setAnswerFeedback: z,
-  questionId: I
+  questionId: N
 }) => {
-  const m = Bn.has(o), h = C && !t && !o, [W, q] = $(s), {
+  const m = On.has(o), h = v && !t && !o, [W, q] = $(r), {
     formatMessage: _
-  } = en();
-  j(() => {
-    t && a && s && l.some((Q) => t.includes(Q.name)) && a({
+  } = nn();
+  S(() => {
+    t && a && r && l.some((Q) => t.includes(Q.name)) && a({
       action: "programmatic",
       component: i,
       feature: "answers",
       target: "links_detected",
       data: {
-        hostAppName: f,
+        hostAppName: d,
         linkCount: l.length,
         fileNameCount: l.length
       }
     });
-  }, [t, i, f, s, a, l]), j(() => {
-    setTimeout(() => q(s), 0);
-  }, [s]);
-  const g = () => /* @__PURE__ */ e(X, {
+  }, [t, i, d, r, a, l]), S(() => {
+    setTimeout(() => q(r), 0);
+  }, [r]);
+  const p = () => /* @__PURE__ */ e(X, {
     className: n.alertIcon,
     color: Y,
     "data-testid": "content-answers-error-alert-icon",
-    height: S,
+    height: g,
     role: "presentation",
-    width: S
-  }), J = () => /* @__PURE__ */ c(T, {
+    width: g
+  }), J = () => /* @__PURE__ */ c(I, {
     as: "p",
     className: n.error,
     color: "textOnLightSecondary",
     "data-testid": "content-answers-error",
     variant: "caption",
-    children: [o === r.RESPONSE_INTERRUPTED && _(u.responseInterruptedError), o === r.RESPONSE_FAILED && _(u.responseFailedError), o === r.RESPONSE_STOPPED && _(u.responseStoppedError), o !== r.RESPONSE_STOPPED && g()]
-  }), K = () => o !== r.RESPONSE_STOPPED ? /* @__PURE__ */ c("div", {
-    className: R(n.footerButtons, "footer-buttons-container", {
-      [n.buttonsVisible]: N
+    children: [o === s.RESPONSE_INTERRUPTED && _(u.responseInterruptedError), o === s.RESPONSE_FAILED && _(u.responseFailedError), o === s.RESPONSE_STOPPED && _(u.responseStoppedError), o !== s.RESPONSE_STOPPED && p()]
+  }), K = () => o !== s.RESPONSE_STOPPED ? /* @__PURE__ */ c("div", {
+    className: T(n.footerButtons, "footer-buttons-container", {
+      [n.buttonsVisible]: E
     }),
-    children: [w ? /* @__PURE__ */ e("div", {
+    children: [B ? /* @__PURE__ */ e("div", {
       className: n.feedbackButtonsContainer,
-      children: /* @__PURE__ */ e(fn, {
+      children: /* @__PURE__ */ e(ln, {
         feedbackValue: b,
-        hostAppName: f,
-        isFeedbackFormEnabled: x,
-        isFeedbackTooltipOpen: N,
+        hostAppName: d,
+        isFeedbackFormEnabled: C,
+        isFeedbackTooltipOpen: E,
         items: l,
         onFeedbackFormSubmit: D,
         onFeedbackTooltipOpenChange: L,
         prompt: F,
         promptType: H,
-        questionId: I,
+        questionId: N,
         recordAction: a,
-        response: E,
+        response: t,
         setAnswerFeedback: z,
         shouldFeedbackFormIncludeFeedbackText: U,
         shouldFeedbackIncludePromptData: k,
@@ -123,67 +123,67 @@ import '../../../../styles/answer.css';const dn = "_answer_1efjn_1", _n = "_load
       })
     }) : null, /* @__PURE__ */ e("div", {
       className: n.copyButtonContainer,
-      children: /* @__PURE__ */ e(sn, {
+      children: /* @__PURE__ */ e(on, {
         answer: t,
         onAnswerCopy: M,
         recordAction: a
       })
     })]
-  }) : t ? null : g(), E = nn(() => t && tn(t, {
-    items: l,
-    isCompleted: s,
-    isInlineCitationsEnabled: p
-  }), [t, l, s, p]);
+  }) : t ? null : p();
   return /* @__PURE__ */ c("div", {
     "aria-live": "polite",
     className: n.answer,
     "data-testid": "content-answers-answer",
     children: [h && /* @__PURE__ */ c("div", {
       className: n.loadingContainer,
-      children: [/* @__PURE__ */ e(on, {}), /* @__PURE__ */ e(T, {
+      children: [/* @__PURE__ */ e(en, {}), /* @__PURE__ */ e(I, {
         as: "span",
         className: n.loadingText,
         color: "textOnLightDefault",
         variant: "titleMedium",
         children: _(u.analyzingRequest)
       })]
-    }), !m && !h && /* @__PURE__ */ e(O, {
+    }), !m && !h && /* @__PURE__ */ e(R, {
       className: "answer",
       variant: i,
-      children: /* @__PURE__ */ c(O.Content, {
+      children: /* @__PURE__ */ c(R.Content, {
         isUsedInsideSidebar: i === "sidebar",
         variant: "answer",
-        children: [/* @__PURE__ */ e(rn, {
-          answer: E,
-          isMarkdownEnabled: v,
+        children: [/* @__PURE__ */ e(tn, {
+          answer: t,
+          isCompleted: r,
+          isInlineCitationsEnabled: P,
+          isInlineCitationV2Enabled: x,
+          isMarkdownEnabled: w,
           isReactMarkdownEnabled: V,
+          items: l,
           variant: i
-        }), s && /* @__PURE__ */ c("div", {
-          className: R(n.footer, {
+        }), r && /* @__PURE__ */ c("div", {
+          className: T(n.footer, {
             [n.shouldHaveMarginTop]: t,
             [n.shouldAnimateHeight]: W,
             [n.shouldUseAnimation]: G
           }),
           "data-testid": "content-answers-answer-footer",
-          children: [o && J(), P && !o && /* @__PURE__ */ e(cn, {
-            citations: A,
+          children: [o && J(), A && !o && /* @__PURE__ */ e(an, {
+            citations: j,
             onCitationClick: y,
             recordAction: a
           }), K()]
         })]
       })
-    }), !m && !h && s && (d == null ? void 0 : d.onAction) && /* @__PURE__ */ e("div", {
+    }), !m && !h && r && (f == null ? void 0 : f.onAction) && /* @__PURE__ */ e("div", {
       className: n.embedTheAnswerButtonContainer,
-      children: /* @__PURE__ */ e(an, {
-        answer: E,
-        embedTheAnswerButtonConfig: d,
-        hostAppName: f,
-        questionId: I,
+      children: /* @__PURE__ */ e(sn, {
+        answer: t,
+        embedTheAnswerButtonConfig: f,
+        hostAppName: d,
+        questionId: N,
         recordAction: a,
         variant: i
       })
-    }), m && /* @__PURE__ */ e(ln, {
-      contentType: B,
+    }), m && /* @__PURE__ */ e(rn, {
+      contentType: O,
       error: o,
       recordAction: a,
       variant: i
@@ -191,6 +191,6 @@ import '../../../../styles/answer.css';const dn = "_answer_1efjn_1", _n = "_load
   });
 });
 export {
-  Jn as Answer,
-  Jn as default
+  zn as Answer,
+  zn as default
 };