@box/box-ai-content-answers 0.68.0 → 0.69.1

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

@@ -1,110 +1,113 @@
-import { useReducer as I, useEffect as J } 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 = ({
-  WrappedComponent: d,
-  createSessionRequest: f,
-  getAgentConfig: m,
-  getAIStudioAgents: S,
-  fetchTimeout: g,
-  formatCitations: A,
-  getAnswer: p,
-  getAnswerStreaming: C,
+import { useReducer as M, useEffect as V } from "react";
+import { R as d } from "../../../../chunks/types.js";
+import { useContentAnswers as W } from "./hooks/useContentAnswers.js";
+import { ContentAnswersRecord as X, ContentAnswersItemRecord as Y } from "./records.js";
+import Z from "./reducer.js";
+import { jsx as $ } from "react/jsx-runtime";
+const re = ({
+  WrappedComponent: f,
+  createSessionRequest: m,
+  getAgentConfig: S,
+  getAIStudioAgents: g,
+  fetchTimeout: A,
+  formatCitations: p,
+  getAnswer: C,
+  getAnswerStreaming: R,
   getSuggestedQuestions: e,
-  hostAppName: R,
-  isAgentSelectorEnabled: w,
-  isAIStudioAgentSelectorEnabled: Q,
+  hostAppName: w,
+  isAgentSelectorEnabled: Q,
+  isAIStudioAgentSelectorEnabled: T,
   isCitationsEnabled: n,
-  isDebugModeEnabled: T,
-  isMarkdownEnabled: h,
+  isDebugModeEnabled: h,
+  isMarkdownEnabled: l,
   isOpen: s,
-  isResetChatEnabled: l,
-  isStopResponseEnabled: q,
+  isResetChatEnabled: q,
+  isStopResponseEnabled: E,
   isStreamingEnabled: r,
   itemID: o,
-  onCloseModal: E,
-  shouldRenderProviders: j = !0,
-  suggestedQuestions: U,
-  warningNotice: _,
-  warningNoticeAriaLabel: v
+  itemIDs: u,
+  onCloseModal: j,
+  shouldRenderProviders: U = !0,
+  suggestedQuestions: _,
+  warningNotice: v,
+  warningNoticeAriaLabel: x
 }) => {
-  const [u, x] = I(W, new M({
-    item: new V({
+  const [c, y] = M(Z, new X({
+    item: new Y({
       id: o
     })
   })), {
-    clearConversation: y,
-    createSession: L,
-    fetchAgentConfig: c,
-    fetchSuggestedQuestions: i,
-    retryQuestion: N,
-    sendQuestion: O,
-    stopQuestion: P
-  } = K({
-    contentAnswers: u,
-    createSessionRequest: f,
-    dispatchStateUpdate: x,
-    fetchTimeout: g,
-    formatCitations: A,
-    getAgentConfig: m,
-    getAnswerStreaming: C,
-    getAnswer: p,
+    clearConversation: L,
+    createSession: N,
+    fetchAgentConfig: i,
+    fetchSuggestedQuestions: a,
+    retryQuestion: O,
+    sendQuestion: P,
+    stopQuestion: b
+  } = W({
+    contentAnswers: c,
+    createSessionRequest: m,
+    dispatchStateUpdate: y,
+    fetchTimeout: A,
+    formatCitations: p,
+    getAgentConfig: S,
+    getAnswerStreaming: R,
+    getAnswer: C,
     getSuggestedQuestions: e,
     isCitationsEnabled: n,
-    isStopResponseEnabled: q,
+    isStopResponseEnabled: E,
     isStreamingEnabled: r,
-    itemID: o
+    itemID: o,
+    itemIDs: u
   }), {
-    encodedSession: b,
-    error: k,
-    isLoading: z,
-    hasRequestInProgress: B = !1,
-    questions: D,
+    encodedSession: k,
+    error: z,
+    isLoading: B,
+    hasRequestInProgress: F = !1,
+    questions: G,
     suggestedQuestions: t
-  } = u;
-  J(() => {
-    s && t.requestState === a.NOT_STARTED && i();
-  }, [s, i, t.requestState]);
-  const F = {
-    createSession: L,
-    encodedSession: b,
-    error: k,
-    getAIStudioAgents: S,
-    hostAppName: R,
+  } = c;
+  V(() => {
+    s && t.requestState === d.NOT_STARTED && a();
+  }, [s, a, t.requestState]);
+  const H = {
+    createSession: N,
+    encodedSession: k,
+    error: z,
+    getAIStudioAgents: g,
+    hostAppName: w,
     hasCustomSuggestedQuestions: !!e,
-    hasRequestInProgress: B,
-    isAgentSelectorEnabled: w,
-    isAIStudioAgentSelectorEnabled: Q,
+    hasRequestInProgress: F,
+    isAgentSelectorEnabled: Q,
+    isAIStudioAgentSelectorEnabled: T,
     isCitationsEnabled: n,
-    isDebugModeEnabled: T,
-    isMarkdownEnabled: h,
-    isLoading: z,
+    isDebugModeEnabled: h,
+    isMarkdownEnabled: l,
+    isLoading: B,
     isOpen: s,
-    isResetChatEnabled: l,
+    isResetChatEnabled: q,
     isStreamingEnabled: r,
     itemID: o,
-    onClearAction: y,
-    onCloseModal: E,
-    onSelectAgent: c,
-    onAgentEditorToggle: c,
-    questions: D,
-    retryQuestion: N,
-    sendQuestion: O,
-    shouldRenderProviders: j,
-    stopQuestion: P,
-    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
+    itemIDs: u,
+    onClearAction: L,
+    onCloseModal: j,
+    onSelectAgent: i,
+    onAgentEditorToggle: i,
+    questions: G,
+    retryQuestion: O,
+    sendQuestion: P,
+    shouldRenderProviders: U,
+    stopQuestion: b,
+    suggestedQuestionsRequestState: e ? t.requestState : d.SUCCESS,
+    suggestedQuestions: e ? t.suggestions : _,
+    warningNotice: v,
+    warningNoticeAriaLabel: x
+  }, J = Object.fromEntries(Object.entries(H).filter(([D, K]) => K !== void 0));
+  return /* @__PURE__ */ $(f, {
+    ...J
   });
 };
 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/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.68.0",
+  "version": "0.69.1",
   "peerDependencies": {
     "@box/blueprint-web": "^7.8.0",
     "@box/blueprint-web-assets": "^4.16.0",
@@ -54,5 +54,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "8371b326ea09e2a07955fb57e63e15e9b14abc4c"
+  "gitHead": "be7f7c7fdf17d8843ca75e4d28e6d8e3109dc9ee"
 }

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 };