@box/box-ai-content-answers 0.67.2 → 0.69.0

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

@@ -1,10 +1,10 @@
-import { useReducer as I, useEffect as J } from "react";
+import { useReducer as J, useEffect as K } from "react";
 import { R as a } from "../../../../chunks/types.js";
-import { useContentAnswers as K } from "./hooks/useContentAnswers.js";
-import { ContentAnswersRecord as M, ContentAnswersItemRecord as V } from "./records.js";
-import W from "./reducer.js";
-import { jsx as X } from "react/jsx-runtime";
-const ne = ({
+import { useContentAnswers as M } from "./hooks/useContentAnswers.js";
+import { ContentAnswersRecord as V, ContentAnswersItemRecord as W } from "./records.js";
+import X from "./reducer.js";
+import { jsx as Y } from "react/jsx-runtime";
+const re = ({
   WrappedComponent: d,
   createSessionRequest: f,
   getAgentConfig: m,
@@ -25,28 +25,29 @@ const ne = ({
   isStopResponseEnabled: q,
   isStreamingEnabled: r,
   itemID: o,
-  onCloseModal: E,
-  shouldRenderProviders: j = !0,
-  suggestedQuestions: U,
-  warningNotice: _,
-  warningNoticeAriaLabel: v
+  itemIDs: E,
+  onCloseModal: j,
+  shouldRenderProviders: U = !0,
+  suggestedQuestions: _,
+  warningNotice: v,
+  warningNoticeAriaLabel: x
 }) => {
-  const [u, x] = I(W, new M({
-    item: new V({
+  const [u, y] = J(X, new V({
+    item: new W({
       id: o
     })
   })), {
-    clearConversation: y,
-    createSession: L,
+    clearConversation: L,
+    createSession: N,
     fetchAgentConfig: c,
     fetchSuggestedQuestions: i,
-    retryQuestion: N,
-    sendQuestion: O,
-    stopQuestion: P
-  } = K({
+    retryQuestion: O,
+    sendQuestion: P,
+    stopQuestion: b
+  } = M({
     contentAnswers: u,
     createSessionRequest: f,
-    dispatchStateUpdate: x,
+    dispatchStateUpdate: y,
     fetchTimeout: g,
     formatCitations: A,
     getAgentConfig: m,
@@ -58,53 +59,54 @@ const ne = ({
     isStreamingEnabled: r,
     itemID: o
   }), {
-    encodedSession: b,
-    error: k,
-    isLoading: z,
-    hasRequestInProgress: B = !1,
-    questions: D,
+    encodedSession: k,
+    error: z,
+    isLoading: B,
+    hasRequestInProgress: D = !1,
+    questions: F,
     suggestedQuestions: t
   } = u;
-  J(() => {
+  K(() => {
     s && t.requestState === a.NOT_STARTED && i();
   }, [s, i, t.requestState]);
-  const F = {
-    createSession: L,
-    encodedSession: b,
-    error: k,
+  const G = {
+    createSession: N,
+    encodedSession: k,
+    error: z,
     getAIStudioAgents: S,
     hostAppName: R,
     hasCustomSuggestedQuestions: !!e,
-    hasRequestInProgress: B,
+    hasRequestInProgress: D,
     isAgentSelectorEnabled: w,
     isAIStudioAgentSelectorEnabled: Q,
     isCitationsEnabled: n,
     isDebugModeEnabled: T,
     isMarkdownEnabled: h,
-    isLoading: z,
+    isLoading: B,
     isOpen: s,
     isResetChatEnabled: l,
     isStreamingEnabled: r,
     itemID: o,
-    onClearAction: y,
-    onCloseModal: E,
+    itemIDs: E,
+    onClearAction: L,
+    onCloseModal: j,
     onSelectAgent: c,
     onAgentEditorToggle: c,
-    questions: D,
-    retryQuestion: N,
-    sendQuestion: O,
-    shouldRenderProviders: j,
-    stopQuestion: P,
+    questions: F,
+    retryQuestion: O,
+    sendQuestion: P,
+    shouldRenderProviders: U,
+    stopQuestion: b,
     suggestedQuestionsRequestState: e ? t.requestState : a.SUCCESS,
-    suggestedQuestions: e ? t.suggestions : U,
-    warningNotice: _,
-    warningNoticeAriaLabel: v
-  }, G = Object.fromEntries(Object.entries(F).filter(([Y, H]) => H !== void 0));
-  return /* @__PURE__ */ X(d, {
-    ...G
+    suggestedQuestions: e ? t.suggestions : _,
+    warningNotice: v,
+    warningNoticeAriaLabel: x
+  }, H = Object.fromEntries(Object.entries(G).filter(([Z, I]) => I !== void 0));
+  return /* @__PURE__ */ Y(d, {
+    ...H
   });
 };
 export {
-  ne as ContentAnswersComponent,
-  ne as default
+  re as ContentAnswersComponent,
+  re as default
 };

package/esm/lib/components/api-wrapper/hooks/useContentAnswers.js

@@ -1,33 +1,34 @@
 import B from "lodash/camelCase";
-import o, { useCallback as Z } from "react";
-import { useAgentsDispatch as h } from "../../../contexts/AgentsContext.js";
-import { A as T, C as w, R as q } from "../../../../../chunks/types.js";
-import { SET_NEW_ITEM as U, UPDATE_QUESTION as ss, SET_MODAL_ERROR as es, SET_MODAL_SUCCESS as ts, SET_IS_LOADING as os, CLEAR_CONVERSATION_HISTORY as ns, SET_SUGGESTED_QUESTIONS_REQUEST_STATE as D, SET_SUGGESTED_QUESTIONS as as } from "../actions.js";
-import { QuestionRecord as is } from "../records.js";
-import { defaultFormatSuggestions as us, defaultFormatCitations as ls } from "../utils/format.js";
-import { getAnswerRequest as cs } from "../utils/request.js";
-import Q from "../utils/stream.js";
-const Es = /Too Many Requests/i, j = "Agent not found";
-function ds({
+import t, { useCallback as Z } from "react";
+import { useAgentsDispatch as w } from "../../../contexts/AgentsContext.js";
+import { A as T, C as U, R as j } from "../../../../../chunks/types.js";
+import { SET_NEW_ITEM as ss, UPDATE_QUESTION as es, SET_MODAL_ERROR as os, SET_MODAL_SUCCESS as ts, SET_IS_LOADING as ns, CLEAR_CONVERSATION_HISTORY as as, SET_SUGGESTED_QUESTIONS_REQUEST_STATE as x, SET_SUGGESTED_QUESTIONS as is } from "../actions.js";
+import { QuestionRecord as us } from "../records.js";
+import { defaultFormatSuggestions as ls, defaultFormatCitations as cs } from "../utils/format.js";
+import { getAnswerRequest as rs } from "../utils/request.js";
+import G from "../utils/stream.js";
+const Es = /Too Many Requests/i, $ = "Agent not found";
+function ms({
   contentAnswers: i,
-  createSessionRequest: G,
-  dispatchStateUpdate: t,
-  fetchTimeout: m,
-  getAgentConfig: S,
+  createSessionRequest: g,
+  dispatchStateUpdate: o,
+  fetchTimeout: S,
+  getAgentConfig: y,
   getAnswerStreaming: k,
-  getAnswer: g,
-  getSuggestedQuestions: d,
-  isCitationsEnabled: rs,
-  isStopResponseEnabled: p,
-  isStreamingEnabled: O,
+  getAnswer: p,
+  getSuggestedQuestions: m,
+  isCitationsEnabled: fs,
+  isStopResponseEnabled: M,
+  isStreamingEnabled: N,
   itemID: l,
-  formatCitations: I = ls
+  itemIDs: O,
+  formatCitations: F = cs
 }) {
-  const x = o.useRef(null), M = h(), F = Z((s) => Array.isArray(s) ? I(s) : null, [I]);
-  o.useEffect(
+  const V = t.useRef(null), I = w(), P = Z((s) => Array.isArray(s) ? F(s) : null, [F]);
+  t.useEffect(
     (s) => {
-      l && l !== i.item.id && t({
-        type: U,
+      l && l !== i.item.id && o({
+        type: ss,
         itemID: l,
         fileVersionID: s
       });
@@ -35,29 +36,29 @@ function ds({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [l]
   );
-  const E = o.useCallback((s, e) => {
-    t({
-      type: ss,
+  const r = t.useCallback((s, e) => {
+    o({
+      type: es,
       newQuestion: s,
       session: e
-    }), x.current = s;
-  }, [t]), P = o.useCallback((s) => {
-    t({
-      type: es,
+    }), V.current = s;
+  }, [o]), v = t.useCallback((s) => {
+    o({
+      type: os,
       error: s
     });
-  }, [t]), y = o.useCallback((s, e, n) => {
+  }, [o]), A = t.useCallback((s, e, n) => {
     const {
       answer: u,
       error: c,
       citations: a = [],
-      createdAt: r = null,
+      createdAt: E = null,
       encodedSession: f = void 0,
       contextSession: _ = void 0
-    } = s, R = e.set("citations", F(a)).merge({
+    } = s, R = e.set("citations", P(a)).merge({
       answer: u,
       error: c,
-      created_at: r,
+      created_at: E,
       isLoading: !1,
       isCompleted: n
     });
@@ -66,71 +67,71 @@ function ds({
       encodedSession: f
     }), _ && (C = {
       contextSession: _
-    }), E(R, C);
-  }, [E, F]), b = o.useCallback(
+    }), r(R, C);
+  }, [r, P]), b = t.useCallback(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (s, e) => {
-      var R, C, N;
-      const n = (s == null ? void 0 : s.message) || "", u = ((R = s == null ? void 0 : s.response) == null ? void 0 : R.status) === 429 || Es.test(n), c = (s == null ? void 0 : s.code) === j || (s == null ? void 0 : s.errorCode) === j, a = ((C = s == null ? void 0 : s.response) == null ? void 0 : C.status) === 204, r = ((N = s == null ? void 0 : s.response) == null ? void 0 : N.status) === 412, f = a ? T.NO_CONTENT : u ? T.RATE_LIMITING : r ? T.PRECONDITION_FAILED : c ? T.AGENT_NOT_FOUND : T.GENERAL, _ = e.merge({
+      var R, C, d;
+      const n = (s == null ? void 0 : s.message) || "", u = ((R = s == null ? void 0 : s.response) == null ? void 0 : R.status) === 429 || Es.test(n), c = (s == null ? void 0 : s.code) === $ || (s == null ? void 0 : s.errorCode) === $, a = ((C = s == null ? void 0 : s.response) == null ? void 0 : C.status) === 204, E = ((d = s == null ? void 0 : s.response) == null ? void 0 : d.status) === 412, f = a ? T.NO_CONTENT : u ? T.RATE_LIMITING : E ? T.PRECONDITION_FAILED : c ? T.AGENT_NOT_FOUND : T.GENERAL, _ = e.merge({
         error: f,
         isLoading: !1,
         isCompleted: !0
       });
-      E(_, void 0);
+      r(_, void 0);
     },
-    [E]
-  ), A = o.useCallback(async (s, e) => {
+    [r]
+  ), L = t.useCallback(async (s, e) => {
     try {
       const n = {
         prompt: s.prompt,
         aiAgent: e || void 0
       }, u = `content-answers-${s.id}`;
       let c;
-      O && (c = Q.createAbortRequest(u));
-      const a = await cs(n, O, u, l, i, g, k, c, m);
-      O ? Q.receiveStreamedResponse(u, a, (r) => {
+      N && (c = G.createAbortRequest(u));
+      const a = await rs(n, N, u, l, O, i, p, k, c, S);
+      N ? G.receiveStreamedResponse(u, a, (E) => {
         const {
           code: f,
           data: _,
           error: R,
           citations: C,
-          contextSession: N,
-          isCompleted: X,
-          createdAt: Y
-        } = r, z = {
+          contextSession: d,
+          isCompleted: Y,
+          createdAt: h
+        } = E, z = {
           answer: _,
           citations: C,
           error: R,
-          contextSession: N,
-          createdAt: Y
+          contextSession: d,
+          createdAt: h
         };
-        a.ok && a.status === 200 ? y({
+        a.ok && a.status === 200 ? A({
           ...z
-        }, s, X) : b({
+        }, s, Y) : b({
           response: a,
           code: f
         }, s);
-      }, void 0, m) : (Object.entries(a).forEach(([r, f]) => {
-        const _ = B(r);
-        delete a[r], a[_] = f;
-      }), y(a, s, !0));
+      }, void 0, S) : (Object.entries(a).forEach(([E, f]) => {
+        const _ = B(E);
+        delete a[E], a[_] = f;
+      }), A(a, s, !0));
     } catch (n) {
-      if (p && n instanceof Error && n.name === "AbortError") {
+      if (M && n instanceof Error && n.name === "AbortError") {
         const u = s.set("error", []).merge({
           error: T.RESPONSE_STOPPED,
           isLoading: !1,
           isCompleted: !0
         });
-        E(u);
+        r(u);
       } else
         b(n, s);
     }
-  }, [O, l, i, g, k, m, y, b, p, E]), L = o.useCallback((s, e, n = !0) => {
+  }, [N, l, O, i, p, k, S, A, b, M, r]), Q = t.useCallback((s, e, n = !0) => {
     const u = (i == null ? void 0 : i.questions) || [];
     n && (s.id = `${u.length}`);
-    const c = new is(s);
-    return E(c), A(c, e), c;
-  }, [i == null ? void 0 : i.questions, A, E]), v = o.useCallback((s) => {
+    const c = new us(s);
+    return r(c), L(c, e), c;
+  }, [i == null ? void 0 : i.questions, L, r]), q = t.useCallback((s) => {
     const {
       encoded_session: e,
       metadata: {
@@ -139,81 +140,82 @@ function ds({
         is_large_file: !1
       }
     } = s;
-    t({
+    o({
       type: ts,
       encodedSession: e,
       isLargeFile: n
     });
-  }, [t]), $ = o.useCallback(async () => {
+  }, [o]), W = t.useCallback(async () => {
     try {
-      t({
-        type: os,
+      o({
+        type: ns,
         isLoading: !0
       });
-      const s = await G({
+      const s = await g({
         items: [i.item]
       }, l);
-      v(s);
+      q(s);
     } catch {
-      P(w.GENERAL);
+      v(U.GENERAL);
     }
-  }, [t, G, i.item, l, v, P]), V = o.useCallback(() => {
-    t({
-      type: ns
+  }, [o, g, i.item, l, q, v]), D = t.useCallback(() => {
+    o({
+      type: as
     });
-  }, [t]), W = o.useCallback(async (s, e) => {
-    L({
+  }, [o]), H = t.useCallback(async (s, e) => {
+    Q({
       ...s.toJS(),
       answer: "",
       isLoading: !0,
       isCompleted: !1,
       error: null
     }, e, !1);
-  }, [L]), H = o.useCallback((s) => {
-    Q.abortRequest(`content-answers-${s.id}`, !0);
-  }, []), J = o.useCallback(async (s) => {
-    if (S)
+  }, [Q]), J = t.useCallback((s) => {
+    G.abortRequest(`content-answers-${s.id}`, !0);
+  }, []), K = t.useCallback(async (s) => {
+    if (y)
       try {
-        const e = await S(s);
-        M({
+        const e = await y(s);
+        I({
           type: "OVERRIDE_AGENT_CONFIG",
           agentName: s.name,
           agentConfig: e
         });
       } catch {
       }
-  }, [M, S]), K = o.useCallback(async () => {
-    if (d) {
-      t({
-        type: D,
-        requestState: q.IN_PROGRESS
+  }, [I, y]), X = t.useCallback(async () => {
+    const s = Array.isArray(O) && O.length > 1;
+    if (!(!m || s)) {
+      o({
+        type: x,
+        requestState: j.IN_PROGRESS
       });
       try {
-        const s = us(await d(l));
-        t({
-          type: as,
-          suggestedQuestions: s
+        const e = ls(await m(l));
+        o({
+          type: is,
+          suggestedQuestions: e
         });
       } catch {
-        t({
-          type: D,
-          requestState: q.ERROR
+        o({
+          type: x,
+          requestState: j.ERROR
         });
       }
     }
-  }, [t, d, l]);
+  }, [o, m, l, O]);
   return {
-    clearConversation: V,
-    createSession: $,
-    fetchAgentConfig: J,
-    fetchSuggestedQuestions: K,
-    retryQuestion: W,
-    sendQuestion: L,
-    sendQuestionAnswerRequest: A,
-    stopQuestion: H,
-    updateQuestionInState: E
+    clearConversation: D,
+    createSession: W,
+    fetchAgentConfig: K,
+    fetchSuggestedQuestions: X,
+    retryQuestion: H,
+    sendQuestion: Q,
+    sendQuestionAnswerRequest: L,
+    stopQuestion: J,
+    updateQuestionInState: r
   };
 }
 export {
-  ds as useContentAnswers
+  ms as useContentAnswers
 };

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

@@ -1,11 +1,11 @@
-import b, { FETCH_TIMEOUT as m } from "./stream.js";
-const p = (i, s) => setTimeout(() => {
-  b.abortRequest(i);
-}, s), E = async (i, s = !1, l, a, o, r, e, u, t) => {
+import p, { FETCH_TIMEOUT as q } from "./stream.js";
+const E = (i, s) => setTimeout(() => {
+  p.abortRequest(i);
+}, s), m = async (i, s = !1, u, a, o, r, e, l, T, t) => {
   let n;
-  const T = (t == null ? void 0 : t.initial) || m.initial, w = p(l, T);
-  return s && e ? n = await e(i, a, u, o) : r && (n = await r(i, a, o)), clearTimeout(w), n;
+  const w = (t == null ? void 0 : t.initial) || q.initial, b = E(u, w);
+  return s && l ? n = await l(i, a, o, T, r) : e && (n = await e(i, a, o, r)), clearTimeout(b), n;
 };
 export {
-  E as getAnswerRequest
+  m as getAnswerRequest
 };

package/esm/lib/components/footer/footer.js

@@ -1,10 +1,10 @@
 import "../../../../styles/footer.css";
 import * as e from "react";
 import { useIntl as D } from "react-intl";
-import { useBreakpoint as S, Breakpoint as Y, Avatar as J, TextArea as Q, Button as V } from "@box/blueprint-web";
-import { ArrowUp as Z } from "@box/blueprint-web-assets/icons/Line";
-import { useAgents as g } from "@box/box-ai-agent-selector";
-import { useAgents as q } from "../../contexts/AgentsContext.js";
+import { useBreakpoint as S, Breakpoint as Y, Avatar as q, TextArea as J, Button as Q } from "@box/blueprint-web";
+import { ArrowUp as V } from "@box/blueprint-web-assets/icons/Line";
+import { useAgents as Z } from "@box/box-ai-agent-selector";
+import { useAgents as g } from "../../contexts/AgentsContext.js";
 import { FooterActions as P } from "./footer-actions.js";
 import tt from "../../messages.js";
 import { getAIAgentConfig as X } from "../common/agentUtils.js";
@@ -19,48 +19,48 @@ const st = "_questionInput_1pdo1_1", it = "_avatar_1pdo1_11", nt = "_submitButto
   submitButton: nt,
   textArea: mt,
   submitButtonTooltip: ut
-}, Et = ({
+}, Tt = ({
   askSuggestedQuestion: h,
-  contentType: T,
+  contentType: x,
   enableDebugMode: b = !1,
   hasRequestInProgress: r,
   isAgentSelectorEnabled: f,
   isAIStudioAgentSelectorEnabled: _,
-  isDebugModeShown: k,
+  isDebugModeShown: L,
   isSidebarOpen: H = !1,
   isStopResponseEnabled: y,
   isStreamingEnabled: F,
-  lastQuestion: L,
-  onRetryQuestion: E,
+  lastQuestion: M,
+  onRetryQuestion: T,
   onStopQuestion: I,
   recordAction: o,
-  sendQuestion: M,
+  sendQuestion: E,
   setAskSuggestedQuestion: B,
   toggleDebugMode: n,
   user: G
 }) => {
   const s = D(), K = S(), a = /* @__PURE__ */ e.createRef(), v = K <= Y.Medium || H, [c, N] = e.useState(!0), [j, O] = e.useState(!1), {
     selectedAgent: d
-  } = q(), {
+  } = g(), {
     selectedAgent: C
-  } = g(), x = e.useCallback(() => {
+  } = Z(), k = e.useCallback(() => {
     a.current && a.current.focus();
   }, [a]), U = e.useCallback(() => {
     var m;
     let t = ((m = a.current) == null ? void 0 : m.value) ?? "";
     a.current && t.length > i.MAX_LENGTH && (a.current.value = t.slice(0, i.MAX_LENGTH), t = a.current.value), O(t.length >= i.MAX_LENGTH), N(t.trim().length === 0);
   }, [a]), l = e.useCallback(() => {
-    if (x(), !r && a.current) {
+    if (k(), !r && a.current) {
       const t = {
         prompt: a.current.value
       };
       if (t.prompt && t.prompt.trim()) {
         const m = X(f, d, _, C);
-        M(t, m), a.current.value = "", N(!0), O(!1);
+        E(t, m), a.current.value = "", N(!0), O(!1);
       }
-      k && n && n();
+      L && n && n();
     }
-  }, [C, x, r, a, _, f, k, d, M, n]), W = e.useCallback((t) => {
+  }, [C, k, r, a, _, f, L, d, E, n]), W = e.useCallback((t) => {
     t.preventDefault(), !r && !c && o && o({
       ...R,
       action: rt,
@@ -74,17 +74,17 @@ const st = "_questionInput_1pdo1_1", it = "_avatar_1pdo1_11", nt = "_submitButto
     }), l());
   }, [b, r, c, o, l, n]), z = e.useCallback((t) => {
     const m = X(f, d, _, C);
-    E(t, m);
-  }, [C, _, f, E, d]);
+    T(t, m);
+  }, [C, _, f, T, d]);
   return e.useEffect(() => {
-    setTimeout(x, 0);
+    queueMicrotask(k);
   }, []), e.useEffect(() => {
     h && a.current && !r && B && (a.current.value = h, l(), B(null));
   }, [h]), /* @__PURE__ */ w("div", {
-    children: [L && /* @__PURE__ */ p(P, {
+    children: [M && /* @__PURE__ */ p(P, {
       isStopResponseEnabled: y,
       isStreamingEnabled: F,
-      lastQuestion: L,
+      lastQuestion: M,
       onRetryQuestion: z,
       onStopQuestion: I,
       recordAction: o
@@ -93,13 +93,13 @@ const st = "_questionInput_1pdo1_1", it = "_avatar_1pdo1_11", nt = "_submitButto
       children: [!v && /* @__PURE__ */ p("div", {
         className: A.avatar,
         "data-testid": "content-answers-question-input-avatar",
-        children: /* @__PURE__ */ p(J, {
+        children: /* @__PURE__ */ p(q, {
           alt: s.formatMessage(tt.userAvatar),
           colorIndex: 0,
           src: G.avatarURL,
           text: G.name.charAt(0)
         })
-      }), /* @__PURE__ */ p(Q, {
+      }), /* @__PURE__ */ p(J, {
         ref: a,
         className: A.textArea,
         "data-testid": "content-answers-question-input",
@@ -108,21 +108,21 @@ const st = "_questionInput_1pdo1_1", it = "_avatar_1pdo1_11", nt = "_submitButto
         }),
         hideLabel: !0,
         label: s.formatMessage(u.askQuestionPlaceholder, {
-          type: T
+          type: x
         }),
         maxLength: i.MAX_LENGTH,
         maxRows: v ? i.MAX_ROWS_MOBILE : i.MAX_ROWS,
         onChange: U,
         onKeyDown: $,
         placeholder: s.formatMessage(u.askQuestionPlaceholder, {
-          type: T
+          type: x
         })
-      }), /* @__PURE__ */ p(V, {
+      }), /* @__PURE__ */ p(Q, {
         "aria-label": s.formatMessage(u.ask),
         className: A.submitButton,
         "data-testid": "content-answers-submit-button",
         disabled: c || r,
-        icon: v ? Z : void 0,
+        icon: v ? V : void 0,
         loading: r,
         loadingAriaLabel: s.formatMessage(u.askDisabledTooltip),
         onClick: W,
@@ -133,5 +133,5 @@ const st = "_questionInput_1pdo1_1", it = "_avatar_1pdo1_11", nt = "_submitButto
   });
 };
 export {
-  Et as Footer
+  Tt as Footer
 };

package/esm/lib/components/suggested-questions/suggested-questions.js

@@ -1,43 +1,43 @@
 import "../../../../styles/suggested-questions.css";
-import { Text as u, LoadingIndicator as E } from "@box/blueprint-web";
-import { AlertTriangle as O } from "@box/blueprint-web-assets/icons/Line";
-import { Gray65 as R, Size4 as d } from "@box/blueprint-web-assets/tokens/tokens";
-import m from "clsx";
-import * as b from "react";
-import { useIntl as h } from "react-intl";
+import { Text as E, LoadingIndicator as O } from "@box/blueprint-web";
+import { AlertTriangle as R } from "@box/blueprint-web-assets/icons/Line";
+import { Gray65 as b, Size4 as m } from "@box/blueprint-web-assets/tokens/tokens";
+import g from "clsx";
+import * as h from "react";
+import { useIntl as u } from "react-intl";
 import { Suggestions as v } from "./suggestions.js";
 import { R as r } from "../../../../chunks/types.js";
-import { LOGGER_BASE_CONFIG as C } from "../common/constants.js";
+import { LOGGER_BASE_CONFIG as N } from "../common/constants.js";
 import i from "./messages.js";
-import { jsxs as N, jsx as o } from "react/jsx-runtime";
-const w = "_wrapper_10vng_1", x = "_isSidebarOpen_10vng_5", G = "_label_10vng_9", T = "_loadingIndicator_10vng_20", y = "_alertIcon_10vng_28", a = {
-  wrapper: w,
-  isSidebarOpen: x,
+import { jsxs as w, jsx as n } from "react/jsx-runtime";
+const x = "_wrapper_10vng_1", C = "_isSidebarOpen_10vng_5", G = "_label_10vng_9", T = "_loadingIndicator_10vng_20", y = "_alertIcon_10vng_28", a = {
+  wrapper: x,
+  isSidebarOpen: C,
   label: G,
   loadingIndicator: T,
   alertIcon: y
 }, H = ({
-  askSuggestedQuestion: g,
-  hasCustomSuggestedQuestions: p,
+  askSuggestedQuestion: p,
+  hasCustomSuggestedQuestions: d,
   isLoading: _,
   isSidebarOpen: t = !1,
   recordAction: s,
   setAskSuggestedQuestion: l,
-  suggestedQuestions: S,
-  suggestedQuestionsRequestState: n = r.SUCCESS
+  suggestedQuestions: f,
+  suggestedQuestionsRequestState: o = r.SUCCESS
 }) => {
   const {
     formatMessage: e
-  } = h(), f = b.useCallback((c) => {
+  } = u(), S = h.useCallback((c) => {
     l && (l(c), s && c && s({
-      ...C,
+      ...N,
       target: "suggested_questions",
       data: {
-        selectedQuestion: p ? "dynamic" : c
+        selectedQuestion: d ? "dynamic" : c
       }
     }));
-  }, [l, s]), I = () => {
-    switch (n) {
+  }, [l, s, d]), I = () => {
+    switch (o) {
       case r.IN_PROGRESS:
         return e(i.loadingSuggestedQuestions);
       case r.ERROR:
@@ -46,33 +46,33 @@ const w = "_wrapper_10vng_1", x = "_isSidebarOpen_10vng_5", G = "_label_10vng_9"
         return e(i.suggestedQuestions);
     }
   };
-  return /* @__PURE__ */ N("div", {
-    className: m(a.wrapper, t && a.isSidebarOpen),
-    children: [/* @__PURE__ */ o(u, {
+  return /* @__PURE__ */ w("div", {
+    className: g(a.wrapper, t && a.isSidebarOpen),
+    children: [/* @__PURE__ */ n(E, {
       as: "p",
-      className: m(a.label, t && a.isSidebarOpen),
+      className: g(a.label, t && a.isSidebarOpen),
       color: "textOnLightSecondary",
       children: I()
-    }), n === r.SUCCESS && /* @__PURE__ */ o(v, {
-      askSuggestedQuestion: g,
+    }), o === r.SUCCESS && /* @__PURE__ */ n(v, {
+      askSuggestedQuestion: p,
       isLoading: _,
       isSidebarOpen: t,
-      onSuggestedQuestionClick: f,
-      suggestedQuestions: S
-    }), n === r.IN_PROGRESS && /* @__PURE__ */ o("div", {
+      onSuggestedQuestionClick: S,
+      suggestedQuestions: f
+    }), o === r.IN_PROGRESS && /* @__PURE__ */ n("div", {
       className: a.loadingIndicator,
-      children: /* @__PURE__ */ o(E, {
+      children: /* @__PURE__ */ n(O, {
         "aria-label": e(i.loadingSuggestedQuestions),
         className: a.loadingIndicator,
         variant: "dark"
       })
-    }), n === r.ERROR && /* @__PURE__ */ o(O, {
+    }), o === r.ERROR && /* @__PURE__ */ n(R, {
       className: a.alertIcon,
-      color: R,
+      color: b,
       "data-testid": "content-answers-suggested-questions-failed-alert-icon",
-      height: d,
+      height: m,
       role: "presentation",
-      width: d
+      width: m
     })]
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/box-ai-content-answers",
-  "version": "0.67.2",
+  "version": "0.69.0",
   "peerDependencies": {
     "@box/blueprint-web": "^7.8.0",
     "@box/blueprint-web-assets": "^4.16.0",
@@ -14,9 +14,9 @@
     "remarkable": "^2.0.1"
   },
   "devDependencies": {
-    "@box/blueprint-web": "^8.9.0",
+    "@box/blueprint-web": "^9.0.0",
     "@box/blueprint-web-assets": "^4.30.0",
-    "@box/box-ai-agent-selector": "^0.16.2",
+    "@box/box-ai-agent-selector": "^0.17.0",
     "@box/storybook-utils": "^0.7.0",
     "@testing-library/react": "^15.0.6",
     "react": "^18.3.0",
@@ -54,5 +54,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "e669d84470d9435b870ce82b9cb5cdb0c24fbe12"
+  "gitHead": "b4a64fc7d3792a0bcf1ab8f2e75b7f4a989a6d7a"
 }

package/types/lib/components/api-wrapper/content-answers-component.d.ts

@@ -2,5 +2,5 @@ import { type ApiWrapperProps } from './types';
 export type ContentAnswersComponentProps = ApiWrapperProps & {
     WrappedComponent: React.ComponentType<ApiWrapperProps>;
 };
-export declare const ContentAnswersComponent: ({ WrappedComponent, createSessionRequest, getAgentConfig, getAIStudioAgents, fetchTimeout, formatCitations, getAnswer, getAnswerStreaming, getSuggestedQuestions, hostAppName, isAgentSelectorEnabled, isAIStudioAgentSelectorEnabled, isCitationsEnabled, isDebugModeEnabled, isMarkdownEnabled, isOpen, isResetChatEnabled, isStopResponseEnabled, isStreamingEnabled, itemID, onCloseModal, shouldRenderProviders, suggestedQuestions, warningNotice, warningNoticeAriaLabel, }: ContentAnswersComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContentAnswersComponent: ({ WrappedComponent, createSessionRequest, getAgentConfig, getAIStudioAgents, fetchTimeout, formatCitations, getAnswer, getAnswerStreaming, getSuggestedQuestions, hostAppName, isAgentSelectorEnabled, isAIStudioAgentSelectorEnabled, isCitationsEnabled, isDebugModeEnabled, isMarkdownEnabled, isOpen, isResetChatEnabled, isStopResponseEnabled, isStreamingEnabled, itemID, itemIDs, onCloseModal, shouldRenderProviders, suggestedQuestions, warningNotice, warningNoticeAriaLabel, }: ContentAnswersComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default ContentAnswersComponent;

package/types/lib/components/api-wrapper/hooks/useContentAnswers.d.ts

@@ -1,7 +1,7 @@
 import { type AgentType, type QuestionType } from '../../../types';
 import { type QuestionRecordType } from '../records';
 import { type UseContentAnswersProps } from '../types';
-export declare function useContentAnswers({ contentAnswers, createSessionRequest, dispatchStateUpdate, fetchTimeout, getAgentConfig, getAnswerStreaming, getAnswer, getSuggestedQuestions, isCitationsEnabled, isStopResponseEnabled, isStreamingEnabled, itemID, formatCitations, }: UseContentAnswersProps): {
+export declare function useContentAnswers({ contentAnswers, createSessionRequest, dispatchStateUpdate, fetchTimeout, getAgentConfig, getAnswerStreaming, getAnswer, getSuggestedQuestions, isCitationsEnabled, isStopResponseEnabled, isStreamingEnabled, itemID, itemIDs, formatCitations, }: UseContentAnswersProps): {
     clearConversation: () => void;
     createSession: () => Promise<void>;
     fetchAgentConfig: (agent: AgentType) => Promise<void>;

package/types/lib/components/api-wrapper/types.d.ts

@@ -43,8 +43,8 @@ export type PremissionsResponse = {
 };
 export type agentFetcherType = (payload: Record<string, unknown>) => Promise<unknown>;
 export type SuggestedQuestionFetcherType = (itemID?: string) => Promise<SuggestedQuestionsResponse>;
-export type fetcherType = (payload: Record<string, unknown>, itemID?: string, state?: ContentAnswersRecordType) => Promise<unknown>;
-export type fetcherStreamingType = (payload: Record<string, unknown>, itemID?: string, abortController?: AbortController, state?: ContentAnswersRecordType) => Promise<unknown>;
+export type fetcherType = (payload: Record<string, unknown>, itemID?: string, itemIDs?: Array<string>, state?: ContentAnswersRecordType) => Promise<unknown>;
+export type fetcherStreamingType = (payload: Record<string, unknown>, itemID?: string, itemIDs?: Array<string>, abortController?: AbortController, state?: ContentAnswersRecordType) => Promise<unknown>;
 export type fetchError = {
     message?: string;
     response?: {
@@ -76,7 +76,13 @@ export type ApiWrapperProps = {
     isMarkdownEnabled?: boolean;
     isOpen?: boolean;
     isStreamingEnabled?: boolean;
+    /**
+     * Item ID for the content answers
+     * Prefer passing itemIDs instead since this prop will be removed soon
+     * @deprecated
+     */
     itemID?: string;
+    itemIDs?: Array<string>;
     onCloseModal?: () => void;
     shouldRenderProviders?: boolean;
     suggestedQuestionsRequestState?: REQUEST_STATE;

package/types/lib/components/api-wrapper/utils/request.d.ts

@@ -1,4 +1,4 @@
 import { type ContentAnswersRecordType } from '../records';
 import { type fetcherStreamingType, type fetcherType, type StreamResponseTimeout } from '../types';
-declare const getAnswerRequest: (payload: Record<string, unknown>, isStreamingRequest: boolean, requestID: string, itemID?: string, state?: ContentAnswersRecordType, fetcher?: fetcherType, fetcherStreaming?: fetcherStreamingType, abortController?: AbortController, fetchTimeout?: StreamResponseTimeout) => Promise<any>;
+declare const getAnswerRequest: (payload: Record<string, unknown>, isStreamingRequest: boolean, requestID: string, itemID?: string, itemIDs?: Array<string>, state?: ContentAnswersRecordType, fetcher?: fetcherType, fetcherStreaming?: fetcherStreamingType, abortController?: AbortController, fetchTimeout?: StreamResponseTimeout) => Promise<any>;
 export { getAnswerRequest };