@box/box-ai-content-answers 0.53.0 → 0.54.0

package/chunks/types.js

@@ -2,8 +2,11 @@ let n = /* @__PURE__ */ function(e) {
   return e.GENERAL = "general", e.RATE_LIMITING = "rate_limiting", e.NO_CONTENT = "no_content", e.RESPONSE_FAILED = "response_failed", e.RESPONSE_INTERRUPTED = "response_interrupted", e.RESPONSE_STOPPED = "response_stopped", e;
 }({}), r = /* @__PURE__ */ function(e) {
   return e.LARGE_FILE = "large_file", e.GENERAL = "general", e;
+}({}), t = /* @__PURE__ */ function(e) {
+  return e.NOT_STARTED = "not_started", e.IN_PROGRESS = "in_progress", e.SUCCESS = "success", e.ERROR = "error", e.CANCELLED = "cancelled", e;
 }({});
 export {
   n as A,
-  r as C
+  r as C,
+  t as R
 };

package/esm/index.js

@@ -1,13 +1,14 @@
 import { BoxAiContentAnswers as e } from "./lib/box-ai-content-answers.js";
-import { AnswerContent as n } from "./lib/components/answer/answer-content.js";
-import { withApiWrapper as R } from "./lib/components/api-wrapper/api-wrapper.js";
-import { IntelligenceModal as A } from "./lib/components/modal/modal.js";
-import { A as m, C as s } from "../chunks/types.js";
+import { AnswerContent as R } from "./lib/components/answer/answer-content.js";
+import { withApiWrapper as p } from "./lib/components/api-wrapper/api-wrapper.js";
+import { IntelligenceModal as E } from "./lib/components/modal/modal.js";
+import { A as x, C as a, R as f } from "../chunks/types.js";
 export {
-  m as ANSWER_ERROR,
-  n as AnswerContent,
+  x as ANSWER_ERROR,
+  R as AnswerContent,
   e as BoxAiContentAnswers,
-  s as CONTENT_ERROR,
-  A as IntelligenceModal,
-  R as withApiWrapper
+  a as CONTENT_ERROR,
+  E as IntelligenceModal,
+  f as REQUEST_STATE,
+  p as withApiWrapper
 };

package/esm/lib/components/api-wrapper/actions.js

@@ -1,9 +1,11 @@
-const E = "CLEAR_CONVERSATION_HISTORY", S = "SET_IS_LOADING", _ = "SET_MODAL_ERROR", T = "SET_MODAL_SUCCESS", O = "SET_NEW_ITEM", A = "UPDATE_QUESTION";
+const E = "CLEAR_CONVERSATION_HISTORY", S = "SET_IS_LOADING", T = "SET_MODAL_ERROR", _ = "SET_MODAL_SUCCESS", O = "SET_NEW_ITEM", I = "UPDATE_QUESTION", U = "SET_SUGGESTED_QUESTIONS", A = "SET_SUGGESTED_QUESTIONS_REQUEST_STATE";
 export {
   E as CLEAR_CONVERSATION_HISTORY,
   S as SET_IS_LOADING,
-  _ as SET_MODAL_ERROR,
-  T as SET_MODAL_SUCCESS,
+  T as SET_MODAL_ERROR,
+  _ as SET_MODAL_SUCCESS,
   O as SET_NEW_ITEM,
-  A as UPDATE_QUESTION
+  U as SET_SUGGESTED_QUESTIONS,
+  A as SET_SUGGESTED_QUESTIONS_REQUEST_STATE,
+  I as UPDATE_QUESTION
 };

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

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

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

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

package/esm/lib/components/api-wrapper/records.js

@@ -1,21 +1,26 @@
 import { Record as e } from "immutable";
+import { R as s } from "../../../../chunks/types.js";
 const n = e({
   has_streamed_responses: !0,
   has_citations_enabled: !1
-}), s = e({
+}), o = e({
   type: "file",
   id: null,
   version_id: null
 }), t = e({
+  suggestions: [],
+  requestState: s.NOT_STARTED
+}), i = e({
   config: new n(),
   encodedSession: null,
   contextSession: null,
   error: null,
   isLoading: !1,
   hasRequestInProgress: !1,
-  item: new s(),
-  questions: []
-}), l = e({
+  item: new o(),
+  questions: [],
+  suggestedQuestions: new t()
+}), u = e({
   answer: null,
   citations: [],
   created_at: null,
@@ -27,7 +32,8 @@ const n = e({
 });
 export {
   n as ContentAnswersConfigRecord,
-  s as ContentAnswersItemRecord,
-  t as ContentAnswersRecord,
-  l as QuestionRecord
+  o as ContentAnswersItemRecord,
+  i as ContentAnswersRecord,
+  u as QuestionRecord,
+  t as SuggestedQuestionsRecord
 };

package/esm/lib/components/api-wrapper/reducer.js

@@ -1,46 +1,54 @@
-import { C as S } from "../../../../chunks/types.js";
-import { SET_MODAL_SUCCESS as E, SET_MODAL_ERROR as I, UPDATE_QUESTION as R, CLEAR_CONVERSATION_HISTORY as _, SET_IS_LOADING as c, SET_NEW_ITEM as l } from "./actions.js";
-import { ContentAnswersRecord as f, ContentAnswersItemRecord as m } from "./records.js";
-const L = (n, s) => {
+import { R as E, C as d } from "../../../../chunks/types.js";
+import { SET_SUGGESTED_QUESTIONS as T, SET_SUGGESTED_QUESTIONS_REQUEST_STATE as _, SET_MODAL_SUCCESS as I, SET_MODAL_ERROR as g, UPDATE_QUESTION as R, CLEAR_CONVERSATION_HISTORY as w, SET_IS_LOADING as c, SET_NEW_ITEM as l } from "./actions.js";
+import { ContentAnswersRecord as A, ContentAnswersItemRecord as O } from "./records.js";
+const p = (t, s) => {
   switch (s.type) {
     case l:
-      return new f({
-        item: new m({
+      return new A({
+        item: new O({
           id: s.itemID,
           version_id: s.fileVersionID && s.fileVersionID.toString()
         })
       });
     case c:
-      return n.set("isLoading", s.isLoading);
-    case _:
-      return n.withMutations((e) => {
+      return t.set("isLoading", s.isLoading);
+    case w:
+      return t.withMutations((e) => {
         e.set("questions", []), e.set("contextSession", null);
       });
     case R: {
       const {
         questions: e
-      } = n, {
-        newQuestion: t,
+      } = t, {
+        newQuestion: r,
         session: i
-      } = s, o = [...e], u = (e == null ? void 0 : e.findIndex((r) => r.id === t.id)) ?? -1;
-      u >= 0 ? o[u] = t : o.push(t);
+      } = s, o = [...e], u = (e == null ? void 0 : e.findIndex((n) => n.id === r.id)) ?? -1;
+      u >= 0 ? o[u] = r : o.push(r);
       const {
-        isCompleted: d
+        isCompleted: S
       } = s.newQuestion;
-      return n.withMutations((r) => {
-        i && r.merge(i), r.set("hasRequestInProgress", !d), r.set("questions", o);
+      return t.withMutations((n) => {
+        i && n.merge(i), n.set("hasRequestInProgress", !S), n.set("questions", o);
       });
     }
+    case g:
+      return t.set("error", s.error);
     case I:
-      return n.set("error", s.error);
-    case E:
-      return n.withMutations((e) => {
-        e.set("encodedSession", s.encodedSession), e.set("error", s.isLargeFile ? S.LARGE_FILE : null), e.set("isLoading", !1);
+      return t.withMutations((e) => {
+        e.set("encodedSession", s.encodedSession), e.set("error", s.isLargeFile ? d.LARGE_FILE : null), e.set("isLoading", !1);
+      });
+    case _:
+      return t.withMutations((e) => {
+        e.setIn(["suggestedQuestions", "requestState"], s.requestState);
+      });
+    case T:
+      return t.withMutations((e) => {
+        e.setIn(["suggestedQuestions", "requestState"], E.SUCCESS), e.setIn(["suggestedQuestions", "suggestions"], s.suggestedQuestions);
       });
     default:
-      return n;
+      return t;
   }
 };
 export {
-  L as default
+  p as default
 };