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

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 J } from "../../chunks/types.js";
-import { jsx as u, jsxs as K } from "react/jsx-runtime";
-import { Content as V } from "./components/content/content.js";
-import { Footer as W } from "./components/footer/footer.js";
-import '../../styles/box-ai-content-answers.css';const X = "_container_1p5tb_1", Y = "_contentAnswers_1p5tb_8", Z = "_sidebar_1p5tb_19", a = {
-  container: X,
-  contentAnswers: Y,
-  sidebar: Z
-}, U = ({
+import { C as K } from "../../chunks/types.js";
+import { jsx as u, jsxs as V } from "react/jsx-runtime";
+import { Content as W } from "./components/content/content.js";
+import { Footer as X } from "./components/footer/footer.js";
+import '../../styles/box-ai-content-answers.css';const Y = "_container_1p5tb_1", Z = "_contentAnswers_1p5tb_8", $ = "_sidebar_1p5tb_19", a = {
+  container: Y,
+  contentAnswers: Z,
+  sidebar: $
+}, ee = ({
   className: _,
   contentType: h,
   contentName: Q,
@@ -27,33 +27,34 @@ import '../../styles/box-ai-content-answers.css';const X = "_container_1p5tb_1",
   submitQuestion: C,
   suggestedQuestions: F,
   useAnimation: D,
-  onAgentEditorToggle: $,
+  onAgentEditorToggle: v,
   onUserIntentToUseAI: e,
   promptButtonClickHandler: N,
   variant: o = "modal",
   hostAppName: k,
-  ...j
+  isReactMarkdownEnabled: j,
+  ...y
 }) => {
-  const [f, m] = s.useState(null), [S, y] = s.useState(t != null), [c, O] = s.useState(!1), z = t === J.LARGE_FILE, B = (!S || z) && !g, b = (r) => {
+  const [f, m] = s.useState(null), [S, O] = s.useState(t != null), [c, z] = s.useState(!1), B = t === K.LARGE_FILE, G = (!S || B) && !g, b = (r) => {
     l && l({
       ...r,
       component: o
     });
-  }, G = () => {
+  }, L = () => {
     e && e(!1);
-  }, L = (r) => {
+  }, H = (r) => {
     m(r), e && e(!0);
-  }, H = () => {
+  }, J = () => {
     e && e(!0);
   };
   return s.useEffect(() => {
-    y(t != null);
+    O(t != null);
   }, [t]), /* @__PURE__ */ u("div", {
     className: p(_, a.container),
-    children: /* @__PURE__ */ K("div", {
+    children: /* @__PURE__ */ V("div", {
       className: p(a.contentAnswers, o === "sidebar" && a.sidebar),
-      children: [!c && /* @__PURE__ */ u(V, {
-        ...j,
+      children: [!c && /* @__PURE__ */ u(W, {
+        ...y,
         askSuggestedQuestion: f,
         contentName: Q,
         contentType: h,
@@ -62,16 +63,17 @@ import '../../styles/box-ai-content-answers.css';const X = "_container_1p5tb_1",
         hasRequestInProgress: d,
         hostAppName: k,
         isErrorMessageShown: S,
+        isReactMarkdownEnabled: j,
         isStreamingEnabled: n,
-        onSuggestedQuestionInteraction: G,
+        onSuggestedQuestionInteraction: L,
         questions: i,
         recordAction: b,
-        setAskSuggestedQuestion: L,
+        setAskSuggestedQuestion: H,
         showLoadingIndicator: g,
         suggestedQuestions: F,
         useAnimation: n && D,
         variant: o
-      }), B && /* @__PURE__ */ u(W, {
+      }), G && /* @__PURE__ */ u(X, {
         askSuggestedQuestion: f,
         enableDebugMode: E,
         hasRequestInProgress: d,
@@ -82,13 +84,13 @@ import '../../styles/box-ai-content-answers.css';const X = "_container_1p5tb_1",
         lastQuestion: i[i.length - 1],
         onRetryQuestion: R,
         onStopQuestion: x,
-        onUserInteraction: H,
+        onUserInteraction: J,
         promptButtonClickHandler: N,
         recordAction: b,
         sendQuestion: C,
         setAskSuggestedQuestion: m,
         toggleDebugMode: () => {
-          O(!c);
+          z(!c);
         },
         variant: o
       })]
@@ -96,6 +98,6 @@ import '../../styles/box-ai-content-answers.css';const X = "_container_1p5tb_1",
   });
 };
 export {
-  U as BoxAiContentAnswers,
-  U as default
+  ee as BoxAiContentAnswers,
+  ee as default
 };

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

@@ -1,33 +1,43 @@
-import d from "clsx";
-import w from "../common/markdown.js";
-import { jsxs as c, Fragment as l, jsx as i } from "react/jsx-runtime";
-import '../../../../styles/answer-content.css';const _ = "_answerContent_uoab3_1", C = "_answerMarkdown_uoab3_16", n = {
-  answerContent: _,
-  answerMarkdown: C
-}, b = ({
+import i from "clsx";
+import _ from "../common/markdown-react.js";
+import f from "../common/markdown.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", x = "_answerMarkdown_uoab3_16", n = {
+  answerContent: C,
+  answerMarkdown: x
+}, v = ({
   answer: e,
   isMarkdownEnabled: t,
-  className: r,
+  isReactMarkdownEnabled: w = !1,
+  className: o,
   variant: m = "modal",
-  ...o
+  ...s
 }) => {
-  const s = m === "sidebar";
-  let a = e;
-  return t && e && (a = w.render(e)), /* @__PURE__ */ c(l, {
-    children: [!t && /* @__PURE__ */ i("div", {
-      className: d(n.answerContent, s && n.sidebar, "Answer-text", r),
-      ...o,
-      children: e
-    }), t && /* @__PURE__ */ i("div", {
-      className: d(n.answerContent, n.answerMarkdown, s && n.sidebar, "Answer-text", r),
+  const a = m === "sidebar", c = (d) => {
+    if (w)
+      return /* @__PURE__ */ r(_, {
+        children: d
+      });
+    const l = f.render(d);
+    return /* @__PURE__ */ r("div", {
       dangerouslySetInnerHTML: {
-        __html: a
-      },
-      ...o
+        __html: l
+      }
+    });
+  };
+  return /* @__PURE__ */ h(u, {
+    children: [!t && /* @__PURE__ */ r("div", {
+      className: i(n.answerContent, a && n.sidebar, "Answer-text", o),
+      ...s,
+      children: e
+    }), t && e && /* @__PURE__ */ r("div", {
+      className: i(n.answerContent, n.answerMarkdown, a && n.sidebar, "Answer-text", o),
+      ...s,
+      children: c(e)
     })]
   });
 };
 export {
-  b as AnswerContent,
-  b as default
+  v as AnswerContent,
+  v as default
 };

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

@@ -1,34 +1,34 @@
-import { Text as q } from "@box/blueprint-web";
-import { AlertTriangle as J } from "@box/blueprint-web-assets/icons/Line";
-import { Gray65 as K, Size4 as g } from "@box/blueprint-web-assets/tokens/tokens";
+import { Text as J } from "@box/blueprint-web";
+import { AlertTriangle as K } from "@box/blueprint-web-assets/icons/Line";
+import { Gray65 as Q, Size4 as g } from "@box/blueprint-web-assets/tokens/tokens";
 import S from "clsx";
 import * as f from "react";
-import { useIntl as Q } from "react-intl";
+import { useIntl as X } from "react-intl";
 import { A as e } from "../../../../chunks/types.js";
-import { extractBoxLinks as X, extractFileNames as Y } from "../../utils/getBoxLinks.js";
+import { extractBoxLinks as Y, extractFileNames as Z } from "../../utils/getBoxLinks.js";
 import { MediaContainer as R } from "../common/media-container.js";
-import { AnswerContent as Z } from "./answer-content.js";
-import { CopyButton as tt } from "./copy-button.js";
-import { InlineError as ot } from "./inline-error.js";
-import { LoadingIndicator as nt } from "./loading-indicator.js";
+import { AnswerContent as tt } from "./answer-content.js";
+import { CopyButton as ot } from "./copy-button.js";
+import { InlineError as nt } from "./inline-error.js";
+import { LoadingIndicator as et } from "./loading-indicator.js";
 import h from "./messages.js";
-import { References as et } from "./references.js";
-import { ThumbButtons as rt } from "./thumb-buttons.js";
+import { References as rt } from "./references.js";
+import { ThumbButtons as st } from "./thumb-buttons.js";
 import { jsxs as d, jsx as n } from "react/jsx-runtime";
-import '../../../../styles/answer.css';const st = "_answer_140hd_1", at = "_alertIcon_140hd_5", it = "_error_140hd_8", lt = "_footer_140hd_12", ct = "_copyButtonContainer_140hd_18", dt = "_feedbackButtonsContainer_140hd_19", ft = "_shouldHaveMarginTop_140hd_23", ut = "_shouldUseAnimation_140hd_26", mt = "_shouldAnimateHeight_140hd_30", _t = "_footerButtons_140hd_34", ht = "_iconAvatar_140hd_40", Et = "_buttonsVisible_140hd_56", t = {
-  answer: st,
-  alertIcon: at,
-  error: it,
-  footer: lt,
-  copyButtonContainer: ct,
-  feedbackButtonsContainer: dt,
-  shouldHaveMarginTop: ft,
-  shouldUseAnimation: ut,
-  shouldAnimateHeight: mt,
-  footerButtons: _t,
-  iconAvatar: ht,
-  buttonsVisible: Et
-}, pt = /* @__PURE__ */ new Set([e.RATE_LIMITING, e.NO_CONTENT, e.PRECONDITION_FAILED, e.GENERAL, e.AGENT_NOT_FOUND]), yt = /* @__PURE__ */ f.memo(({
+import '../../../../styles/answer.css';const at = "_answer_140hd_1", it = "_alertIcon_140hd_5", lt = "_error_140hd_8", ct = "_footer_140hd_12", dt = "_copyButtonContainer_140hd_18", ft = "_feedbackButtonsContainer_140hd_19", ut = "_shouldHaveMarginTop_140hd_23", mt = "_shouldUseAnimation_140hd_26", _t = "_shouldAnimateHeight_140hd_30", ht = "_footerButtons_140hd_34", Et = "_iconAvatar_140hd_40", pt = "_buttonsVisible_140hd_56", t = {
+  answer: at,
+  alertIcon: it,
+  error: lt,
+  footer: ct,
+  copyButtonContainer: dt,
+  feedbackButtonsContainer: ft,
+  shouldHaveMarginTop: ut,
+  shouldUseAnimation: mt,
+  shouldAnimateHeight: _t,
+  footerButtons: ht,
+  iconAvatar: Et,
+  buttonsVisible: pt
+}, Nt = /* @__PURE__ */ new Set([e.RATE_LIMITING, e.NO_CONTENT, e.PRECONDITION_FAILED, e.GENERAL, e.AGENT_NOT_FOUND]), Dt = /* @__PURE__ */ f.memo(({
   answer: r,
   citations: T,
   error: o,
@@ -53,15 +53,16 @@ import '../../../../styles/answer.css';const st = "_answer_140hd_1", at = "_aler
   shouldFeedbackFormIncludeFeedbackText: H,
   useAnimation: U = !0,
   variant: i = "modal",
-  setAnswerFeedback: k,
-  questionId: x
+  isReactMarkdownEnabled: k,
+  setAnswerFeedback: x,
+  questionId: G
 }) => {
-  const p = pt.has(o), N = C && !r && !o, [G, V] = f.useState(a), {
+  const p = Nt.has(o), N = C && !r && !o, [V, $] = f.useState(a), {
     formatMessage: _
-  } = Q();
+  } = X();
   f.useEffect(() => {
     if (r && c && a) {
-      const s = X(r), l = Y(r);
+      const s = Y(r), l = Z(r);
       (s.length > 0 || l.length > 0) && c({
         action: "programmatic",
         component: i,
@@ -75,29 +76,29 @@ import '../../../../styles/answer.css';const st = "_answer_140hd_1", at = "_aler
       });
     }
   }, [r, i, u, a]), f.useEffect(() => {
-    setTimeout(() => V(a), 0);
+    setTimeout(() => $(a), 0);
   }, [a]);
-  const I = () => /* @__PURE__ */ n(J, {
+  const I = () => /* @__PURE__ */ n(K, {
     className: t.alertIcon,
-    color: K,
+    color: Q,
     "data-testid": "content-answers-error-alert-icon",
     height: g,
     role: "presentation",
     width: g
-  }), $ = () => /* @__PURE__ */ d(q, {
+  }), j = () => /* @__PURE__ */ d(J, {
     as: "p",
     className: t.error,
     color: "textOnLightSecondary",
     "data-testid": "content-answers-error",
     variant: "caption",
     children: [o === e.RESPONSE_INTERRUPTED && _(h.responseInterruptedError), o === e.RESPONSE_FAILED && _(h.responseFailedError), o === e.RESPONSE_STOPPED && _(h.responseStoppedError), o !== e.RESPONSE_STOPPED && I()]
-  }), j = () => o !== e.RESPONSE_STOPPED ? /* @__PURE__ */ d("div", {
+  }), z = () => o !== e.RESPONSE_STOPPED ? /* @__PURE__ */ d("div", {
     className: S(t.footerButtons, "footer-buttons-container", {
       [t.buttonsVisible]: E
     }),
     children: [B ? /* @__PURE__ */ n("div", {
       className: t.feedbackButtonsContainer,
-      children: /* @__PURE__ */ n(rt, {
+      children: /* @__PURE__ */ n(st, {
         feedbackValue: b,
         hostAppName: u,
         isFeedbackFormEnabled: w,
@@ -106,55 +107,56 @@ import '../../../../styles/answer.css';const st = "_answer_140hd_1", at = "_aler
         onFeedbackFormSubmit: y,
         onFeedbackTooltipOpenChange: D,
         promptType: F,
-        questionId: x,
+        questionId: G,
         recordAction: c,
-        setAnswerFeedback: k,
+        setAnswerFeedback: x,
         shouldFeedbackFormIncludeFeedbackText: H,
         variant: i
       })
     }) : null, /* @__PURE__ */ n("div", {
       className: t.copyButtonContainer,
-      children: /* @__PURE__ */ n(tt, {
+      children: /* @__PURE__ */ n(ot, {
         answer: r,
         onAnswerCopy: v,
         recordAction: c
       })
     })]
-  }) : r ? null : I(), z = (s) => (!m || !a || !P || m.forEach((l) => {
+  }) : r ? null : I(), W = (s) => (!m || !a || !P || m.forEach((l) => {
     if (s.includes(l.name)) {
-      const W = `${window.location.origin}/file/${l.id}`;
-      s = s.replaceAll(l.name, `[${l.name}](${W})`);
+      const q = `${window.location.origin}/file/${l.id}`;
+      s = s.replaceAll(l.name, `[${l.name}](${q})`);
     }
   }), s);
   return /* @__PURE__ */ d("div", {
     "aria-live": "polite",
     className: t.answer,
     "data-testid": "content-answers-answer",
-    children: [N && /* @__PURE__ */ n(nt, {}), !p && !N && /* @__PURE__ */ n(R, {
+    children: [N && /* @__PURE__ */ n(et, {}), !p && !N && /* @__PURE__ */ n(R, {
       className: "answer",
       variant: i,
       children: /* @__PURE__ */ d(R.Content, {
         isUsedInsideSidebar: i === "sidebar",
         variant: "answer",
-        children: [/* @__PURE__ */ n(Z, {
-          answer: z(r),
+        children: [/* @__PURE__ */ n(tt, {
+          answer: W(r),
           isMarkdownEnabled: L,
+          isReactMarkdownEnabled: k,
           variant: i
         }), a && /* @__PURE__ */ d("div", {
           className: S(t.footer, {
             [t.shouldHaveMarginTop]: r,
-            [t.shouldAnimateHeight]: G,
+            [t.shouldAnimateHeight]: V,
             [t.shouldUseAnimation]: U
           }),
           "data-testid": "content-answers-answer-footer",
-          children: [o && $(), O && !o && /* @__PURE__ */ n(et, {
+          children: [o && j(), O && !o && /* @__PURE__ */ n(rt, {
             citations: T,
             onCitationClick: M,
             recordAction: c
-          }), j()]
+          }), z()]
         })]
       })
-    }), p && /* @__PURE__ */ n(ot, {
+    }), p && /* @__PURE__ */ n(nt, {
       contentType: A,
       error: o,
       recordAction: c,
@@ -163,6 +165,6 @@ import '../../../../styles/answer.css';const st = "_answer_140hd_1", at = "_aler
   });
 });
 export {
-  yt as Answer,
-  yt as default
+  Dt as Answer,
+  Dt as default
 };

package/dist/esm/lib/components/api-wrapper/content-answers-component.js

@@ -1,10 +1,10 @@
-import { useReducer as ie, useEffect as re } from "react";
+import { useReducer as re, useEffect as de } from "react";
 import { R as m } from "../../../../chunks/types.js";
-import { useContentAnswers as de } from "./hooks/useContentAnswers.js";
-import { ContentAnswersRecord as ae, ContentAnswersItemRecord as ue } from "./records.js";
-import ge from "./reducer.js";
-import { jsx as ce } from "react/jsx-runtime";
-const we = (t) => {
+import { useContentAnswers as ae } from "./hooks/useContentAnswers.js";
+import { ContentAnswersRecord as ue, ContentAnswersItemRecord as ge } from "./records.js";
+import ce from "./reducer.js";
+import { jsx as Se } from "react/jsx-runtime";
+const Qe = (t) => {
   const {
     WrappedComponent: f,
     cachedSuggestedQuestions: r = [],
@@ -22,45 +22,46 @@ const we = (t) => {
     isCitationsEnabled: d,
     isDebugModeEnabled: q,
     isMarkdownEnabled: T,
+    isReactMarkdownEnabled: L,
     isOpen: n,
-    isStopResponseEnabled: L,
+    isStopResponseEnabled: k,
     isStreamingEnabled: a,
     itemID: o,
     items: u,
     onCitationClick: P,
-    onCloseModal: k,
-    onItemClick: D,
+    onCloseModal: D,
+    onItemClick: M,
     onSuggestedQuestionsFetched: N,
     parentItem: O,
     restoredQuestions: j = [],
     restoredSession: v = null,
-    restoredShouldShowLandingPage: M = !0,
-    sendErrorLog: U,
-    shouldRenderProviders: _ = !0,
-    suggestedQuestions: x,
-    userId: F,
-    warningNotice: y,
-    warningNoticeAriaLabel: W
-  } = t, [g, z] = ie(ge, new ae({
-    item: new ue({
+    restoredShouldShowLandingPage: U = !0,
+    sendErrorLog: _,
+    shouldRenderProviders: x = !0,
+    suggestedQuestions: F,
+    userId: y,
+    warningNotice: W,
+    warningNoticeAriaLabel: z
+  } = t, [g, B] = re(ce, new ue({
+    item: new ge({
       id: o
     }),
     questions: j,
     encodedSession: v,
-    shouldShowLandingPage: M
+    shouldShowLandingPage: U
   })), {
-    clearConversation: B,
-    createSession: G,
+    clearConversation: G,
+    createSession: H,
     fetchAgentConfig: c,
     fetchSuggestedQuestions: S,
-    retryQuestion: H,
-    sendQuestion: J,
-    setAnswerFeedback: K,
-    stopQuestion: V
-  } = de({
+    retryQuestion: J,
+    sendQuestion: K,
+    setAnswerFeedback: V,
+    stopQuestion: X
+  } = ae({
     contentAnswers: g,
     createSessionRequest: A,
-    dispatchStateUpdate: z,
+    dispatchStateUpdate: B,
     enterpriseId: h,
     fetchTimeout: C,
     formatCitations: p,
@@ -69,71 +70,72 @@ const we = (t) => {
     getAnswer: E,
     getSuggestedQuestions: s,
     isCitationsEnabled: d,
-    isStopResponseEnabled: L,
+    isStopResponseEnabled: k,
     isStreamingEnabled: a,
     itemID: o,
     items: u,
     onSuggestedQuestionsFetched: N,
-    sendErrorLog: U,
-    userId: F,
+    sendErrorLog: _,
+    userId: y,
     ...t
   }), {
-    encodedSession: X,
-    error: Y,
-    isLoading: Z,
-    hasRequestInProgress: $ = !1,
-    questions: ee,
-    shouldShowLandingPage: te,
+    encodedSession: Y,
+    error: Z,
+    isLoading: $,
+    hasRequestInProgress: ee = !1,
+    questions: te,
+    shouldShowLandingPage: se,
     suggestedQuestions: e
   } = g;
-  re(() => {
+  de(() => {
     n && e.requestState === m.NOT_STARTED && S();
   }, [n, S, e.requestState]);
-  const se = r.length > 0;
-  let i = x, l = m.SUCCESS;
-  se ? i = r : s && (i = e.suggestions, l = e.requestState);
-  const ne = Object.fromEntries(Object.entries({
-    createSession: G,
-    encodedSession: X,
-    error: Y,
+  const ne = r.length > 0;
+  let i = F, l = m.SUCCESS;
+  ne ? i = r : s && (i = e.suggestions, l = e.requestState);
+  const oe = Object.fromEntries(Object.entries({
+    createSession: H,
+    encodedSession: Y,
+    error: Z,
     getAIStudioAgents: w,
     hostAppName: b,
     hasCustomSuggestedQuestions: !!s,
-    hasRequestInProgress: $,
+    hasRequestInProgress: ee,
     isAIStudioAgentSelectorEnabled: I,
     isCitationsEnabled: d,
     isDebugModeEnabled: q,
     isMarkdownEnabled: T,
-    isLoading: Z,
+    isReactMarkdownEnabled: L,
+    isLoading: $,
     isOpen: n,
     isStreamingEnabled: a,
     itemID: o,
     items: u,
-    onClearAction: B,
-    onCloseModal: k,
+    onClearAction: G,
+    onCloseModal: D,
     onCitationClick: P,
-    onItemClick: D,
+    onItemClick: M,
     onSelectAgent: c,
     onAgentEditorToggle: c,
     parentItem: O,
-    questions: ee,
-    retryQuestion: H,
-    sendQuestion: J,
-    setAnswerFeedback: K,
-    shouldRenderProviders: _,
-    shouldShowLandingPage: te,
-    stopQuestion: V,
+    questions: te,
+    retryQuestion: J,
+    sendQuestion: K,
+    setAnswerFeedback: V,
+    shouldRenderProviders: x,
+    shouldShowLandingPage: se,
+    stopQuestion: X,
     suggestedQuestionsRequestState: l,
     suggestedQuestions: i,
-    warningNotice: y,
-    warningNoticeAriaLabel: W
-  }).filter(([le, oe]) => oe !== void 0));
-  return /* @__PURE__ */ ce(f, {
+    warningNotice: W,
+    warningNoticeAriaLabel: z
+  }).filter(([me, ie]) => ie !== void 0));
+  return /* @__PURE__ */ Se(f, {
     ...t,
-    ...ne
+    ...oe
   });
 };
 export {
-  we as ContentAnswersComponent,
-  we as default
+  Qe as ContentAnswersComponent,
+  Qe as default
 };