@box/box-ai-content-answers 1.19.4 → 1.21.0

package/dist/esm/lib/components/api-wrapper/utils/request.js

@@ -1,15 +1,15 @@
-import w, { FETCH_TIMEOUT as I } from "./stream.js";
-const b = (i, e, t) => setTimeout(() => {
-  w.abortRequest(i), t && t({
+import f, { FETCH_TIMEOUT as p } from "./stream.js";
+const w = (i, e, t) => setTimeout(() => {
+  f.abortRequest(i), t && t({
     eventType: "ai-client-initial-streaming-timeout-error",
     message: "Initial streaming timeout error",
     origin: "AIClientErrorLog"
   });
-}, e), A = async (i, e = !1, t, a, s, o, l, u, m, n, T) => {
-  let r;
-  const g = (n == null ? void 0 : n.initial) || I.initial, p = b(t, g, T);
-  return e && u ? r = await u(i, a, s, m, o) : l && (r = await l(i, a, s, o)), clearTimeout(p), r;
+}, e), b = async (i, e = !1, t, o, r, a, s, l, u, m, T) => {
+  let n;
+  const c = m?.initial || p.initial, g = w(t, c, T);
+  return e && l ? n = await l(i, o, r, u, a) : s && (n = await s(i, o, r, a)), clearTimeout(g), n;
 };
 export {
-  A as getAnswerRequest
+  b as getAnswerRequest
 };

package/dist/esm/lib/components/api-wrapper/utils/stream.js

@@ -1,22 +1,22 @@
-import b from "lodash/camelCase";
-import { A as E } from "../../../../../chunks/types.js";
-const d = {
+import O from "lodash/camelCase";
+import { A as u } from "../../../../../chunks/types.js";
+const C = {
   chunk: 15 * 1e3,
   // fetch timeout for each chunk. We need to abort the fetch if needed.
   initial: 45 * 1e3
   // latency p99 (30s) +  buffer. Other host integrations can override this value.
-}, N = {
-  RESPONSE_FAILED: E.RESPONSE_FAILED,
-  RESPONSE_INTERRUPTED: E.RESPONSE_INTERRUPTED,
-  RESPONSE_STOPPED: E.RESPONSE_STOPPED
-}, O = {
+}, E = {
+  RESPONSE_FAILED: u.RESPONSE_FAILED,
+  RESPONSE_INTERRUPTED: u.RESPONSE_INTERRUPTED,
+  RESPONSE_STOPPED: u.RESPONSE_STOPPED
+}, d = {
   CONTINUE: "continue",
   DONE: "done",
   ERROR: "error"
 };
-class f {
+class T {
   constructor() {
-    this.abortControllerMap = /* @__PURE__ */ new Map(), this.chunkTimeout = d.chunk;
+    this.abortControllerMap = /* @__PURE__ */ new Map(), this.chunkTimeout = C.chunk;
   }
   abortRequest(r, e = !1) {
     const t = this.abortControllerMap.get(r);
@@ -62,9 +62,9 @@ class f {
     n.forEach((h) => {
       try {
         const a = JSON.parse(h);
-        a[t] && (s += a[t]), a.thinking_answer && (r.thinkingAnswer || (r.thinkingAnswer = ""), r.thinkingAnswer += a.thinking_answer), Object.entries(a).forEach(([u, c]) => {
-          const C = b(u);
-          C !== t && C !== "thinkingAnswer" && (r[C] = c);
+        a[t] && (s += a[t]), a.thinking_answer && (r.thinkingAnswer || (r.thinkingAnswer = ""), r.thinkingAnswer += a.thinking_answer), Object.entries(a).forEach(([c, f]) => {
+          const N = O(c);
+          N !== t && N !== "thinkingAnswer" && (r[N] = f);
         });
       } catch (a) {
         console.error("Failed to parse NDJSON line:", a);
@@ -72,9 +72,8 @@ class f {
     }), r.data += s;
   }
   receiveStreamedResponse(r, e, t, o = "answer", i, n) {
-    var u;
-    const l = this.initializeStreamedResponseState(), s = (u = e.body) == null ? void 0 : u.getReader();
-    if (this.chunkTimeout = (i == null ? void 0 : i.chunk) || d.chunk, !s) {
+    const l = this.initializeStreamedResponseState(), s = e.body?.getReader();
+    if (this.chunkTimeout = i?.chunk || C.chunk, !s) {
       this.handleNoResponseBody(t, l);
       return;
     }
@@ -107,16 +106,16 @@ class f {
     const {
       completionReason: l
     } = i;
-    i.isCompleted = t.done || l !== null, t.value && this.parseNDJSON(i, t.value, n), i.isCompleted && (this.removeAbortController(o), l !== O.DONE && (i.data ? i.error = l === O.CONTINUE ? N.RESPONSE_INTERRUPTED : N.RESPONSE_FAILED : i.error = E.NO_CONTENT)), e(i);
+    i.isCompleted = t.done || l !== null, t.value && this.parseNDJSON(i, t.value, n), i.isCompleted && (this.removeAbortController(o), l !== d.DONE && (i.data ? i.error = l === d.CONTINUE ? E.RESPONSE_INTERRUPTED : E.RESPONSE_FAILED : i.error = u.NO_CONTENT)), e(i);
   }
   handleChunkError(r, e, t, o) {
-    o.error = N.RESPONSE_FAILED;
+    o.error = E.RESPONSE_FAILED;
     const i = this.abortControllerMap.get(t);
-    i && i.isUserInitiatedAbort && (o.error = N.RESPONSE_STOPPED, o.isAborted = i.isUserInitiatedAbort), o.isCompleted = !0, this.removeAbortController(t), clearTimeout(r), e(o);
+    i && i.isUserInitiatedAbort && (o.error = E.RESPONSE_STOPPED, o.isAborted = i.isUserInitiatedAbort), o.isCompleted = !0, this.removeAbortController(t), clearTimeout(r), e(o);
   }
   // eslint-disable-next-line class-methods-use-this
   handleNoResponseBody(r, e) {
-    e.error = E.NO_CONTENT, e.isCompleted = !0, r(e);
+    e.error = u.NO_CONTENT, e.isCompleted = !0, r(e);
   }
   removeAbortController(r) {
     this.abortControllerMap.delete(r);
@@ -131,10 +130,10 @@ class f {
     }, this.chunkTimeout);
   }
 }
-const R = new f();
+const A = new T();
 export {
-  d as FETCH_TIMEOUT,
-  O as STREAMING_COMPLETION_REASON,
-  N as STREAM_ERROR,
-  R as default
+  C as FETCH_TIMEOUT,
+  d as STREAMING_COMPLETION_REASON,
+  E as STREAM_ERROR,
+  A as default
 };

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

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

package/dist/esm/lib/components/common/focusInputUtils.js

@@ -1,8 +1,7 @@
 import { INPUT_TARGET_ID as t } from "../footer/constants.js";
-function e() {
-  const o = document.querySelector(`[data-target-id="${t}"]`);
-  o == null || o.focus();
+function n() {
+  document.querySelector(`[data-target-id="${t}"]`)?.focus();
 }
 export {
-  e as focusInput
+  n as focusInput
 };

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

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