@box/box-ai-content-answers 0.54.3 → 0.54.5

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

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

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

@@ -1,7 +1,11 @@
-const r = async (e, l = !1, n, w, a, i, o) => {
-  let s;
-  return l && i ? s = await i(e, n, o, w) : a && (s = await a(e, n, w)), s;
+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) => {
+  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;
 };
 export {
-  r as getAnswerRequest
+  E as getAnswerRequest
 };

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

@@ -1,58 +1,62 @@
 import b from "lodash/camelCase";
 import { A as s } from "../../../../../chunks/types.js";
-const u = 15e3, N = {
+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.
+}, u = {
   RESPONSE_FAILED: s.RESPONSE_FAILED,
   RESPONSE_INTERRUPTED: s.RESPONSE_INTERRUPTED,
   RESPONSE_STOPPED: s.RESPONSE_STOPPED
-}, C = {
+}, d = {
   CONTINUE: "continue",
   DONE: "done",
   ERROR: "error"
 };
 class T {
   constructor() {
-    this.abortControllerMap = /* @__PURE__ */ new Map(), this.fetchTimeout = u;
+    this.abortControllerMap = /* @__PURE__ */ new Map(), this.chunkTimeout = C.chunk;
   }
-  abortRequest(t, e = !1) {
-    const o = this.abortControllerMap.get(t);
-    o && (o.isAbortFunctionCalled = !0, o.isUserInitiatedAbort = e, this.abortControllerMap.set(t, o), o.abortController.abort());
+  abortRequest(o, i = !1) {
+    const r = this.abortControllerMap.get(o);
+    r && (r.isAbortFunctionCalled = !0, r.isUserInitiatedAbort = i, this.abortControllerMap.set(o, r), r.abortController.abort());
   }
-  createAbortRequest(t) {
-    const e = {
+  createAbortRequest(o) {
+    const i = {
       abortController: new AbortController(),
       isAbortFunctionCalled: !1,
       isUserInitiatedAbort: !1
     };
-    return this.abortControllerMap.set(t, e), e.abortController;
+    return this.abortControllerMap.set(o, i), i.abortController;
   }
   // eslint-disable-next-line class-methods-use-this
-  parseNDJSON(t, e, o) {
-    const i = new TextDecoder().decode(e), r = t.partialData + i, l = /\r?\n/, n = r.trim().split(l);
-    t.partialData = r.endsWith(`
-`) || r.endsWith("}") ? "" : n.pop() || "";
+  parseNDJSON(o, i, r) {
+    const n = new TextDecoder().decode(i), t = o.partialData + n, l = /\r?\n/, e = t.trim().split(l);
+    o.partialData = t.endsWith(`
+`) || t.endsWith("}") ? "" : e.pop() || "";
     let a = "";
-    n.forEach((h) => {
+    e.forEach((h) => {
       const E = JSON.parse(h);
-      E[o] && (a += E[o]), Object.entries(E).forEach(([c, O]) => {
-        const d = b(c);
-        d !== o && (t[d] = O);
+      E[r] && (a += E[r]), Object.entries(E).forEach(([c, O]) => {
+        const N = b(c);
+        N !== r && (o[N] = O);
       });
-    }), t.data += a;
+    }), o.data += a;
   }
-  receiveStreamedResponse(t, e, o, i = "answer", r) {
+  receiveStreamedResponse(o, i, r, n = "answer", t) {
     var E;
-    const l = this.initializeStreamedResponseState(), n = (E = e.body) == null ? void 0 : E.getReader();
-    if (this.fetchTimeout = r || u, !n) {
-      this.handleNoResponseBody(o, l);
+    const l = this.initializeStreamedResponseState(), e = (E = i.body) == null ? void 0 : E.getReader();
+    if (this.chunkTimeout = (t == null ? void 0 : t.chunk) || C.chunk, !e) {
+      this.handleNoResponseBody(r, l);
       return;
     }
-    const a = {
-      id: void 0
-    }, h = () => {
-      n.read().then((c) => {
-        this.handleChunkSuccess(a, o, c, t, l, i), c.done || (a.id = this.setChunkTimeout(t), h());
+    let a;
+    const h = () => {
+      e.read().then((c) => {
+        this.handleChunkSuccess(a, r, c, o, l, n), c.done || (a = this.setChunkTimeout(o), h());
       }).catch((c) => {
-        this.handleChunkError(a, o, t, l);
+        this.handleChunkError(a, r, o, l);
       });
     };
     h();
@@ -69,37 +73,37 @@ class T {
       partialData: ""
     };
   }
-  handleChunkSuccess(t, e, o, i, r, l) {
-    if (!o)
+  handleChunkSuccess(o, i, r, n, t, l) {
+    if (!r)
       return;
-    clearTimeout(t.id);
+    clearTimeout(o);
     const {
-      completionReason: n
-    } = r;
-    r.isCompleted = o.done || n !== null, o.value && this.parseNDJSON(r, o.value, l), r.isCompleted && (this.removeAbortController(i), n !== C.DONE && (r.data ? r.error = n === C.CONTINUE ? N.RESPONSE_INTERRUPTED : N.RESPONSE_FAILED : r.error = s.NO_CONTENT)), e(r);
+      completionReason: e
+    } = t;
+    t.isCompleted = r.done || e !== null, r.value && this.parseNDJSON(t, r.value, l), t.isCompleted && (this.removeAbortController(n), e !== d.DONE && (t.data ? t.error = e === d.CONTINUE ? u.RESPONSE_INTERRUPTED : u.RESPONSE_FAILED : t.error = s.NO_CONTENT)), i(t);
   }
-  handleChunkError(t, e, o, i) {
-    i.error = N.RESPONSE_FAILED;
-    const r = this.abortControllerMap.get(o);
-    r && r.isUserInitiatedAbort && (i.error = N.RESPONSE_STOPPED, i.isAborted = r.isUserInitiatedAbort), i.isCompleted = !0, this.removeAbortController(o), clearTimeout(t.id), e(i);
+  handleChunkError(o, i, r, n) {
+    n.error = u.RESPONSE_FAILED;
+    const t = this.abortControllerMap.get(r);
+    t && t.isUserInitiatedAbort && (n.error = u.RESPONSE_STOPPED, n.isAborted = t.isUserInitiatedAbort), n.isCompleted = !0, this.removeAbortController(r), clearTimeout(o), i(n);
   }
   // eslint-disable-next-line class-methods-use-this
-  handleNoResponseBody(t, e) {
-    e.error = s.NO_CONTENT, e.isCompleted = !0, t(e);
+  handleNoResponseBody(o, i) {
+    i.error = s.NO_CONTENT, i.isCompleted = !0, o(i);
   }
-  removeAbortController(t) {
-    this.abortControllerMap.delete(t);
+  removeAbortController(o) {
+    this.abortControllerMap.delete(o);
   }
-  setChunkTimeout(t) {
+  setChunkTimeout(o) {
     return setTimeout(() => {
-      this.abortRequest(t);
-    }, this.fetchTimeout);
+      this.abortRequest(o);
+    }, this.chunkTimeout);
   }
 }
-const A = new T();
+const P = new T();
 export {
-  u as FETCH_CHUNK_TIMEOUT,
-  C as STREAMING_COMPLETION_REASON,
-  N as STREAM_ERROR,
-  A as default
+  C as FETCH_TIMEOUT,
+  d as STREAMING_COMPLETION_REASON,
+  u as STREAM_ERROR,
+  P as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/box-ai-content-answers",
-  "version": "0.54.3",
+  "version": "0.54.5",
   "peerDependencies": {
     "@box/blueprint-web": "^7.8.0",
     "@box/blueprint-web-assets": "^4.16.0",
@@ -13,7 +13,7 @@
     "remarkable": "^2.0.1"
   },
   "devDependencies": {
-    "@box/blueprint-web": "^7.31.0",
+    "@box/blueprint-web": "^7.31.1",
     "@box/blueprint-web-assets": "^4.26.0",
     "@box/storybook-utils": "^0.6.1",
     "@testing-library/react": "^15.0.6",
@@ -52,5 +52,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "d1532d582650321a4dd8c34869a7d84c13e778ac"
+  "gitHead": "d76dca7d74745cd366345066918901888e7d76d2"
 }

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

@@ -36,9 +36,6 @@ export type StreamResponseProps = {
     isCompleted: boolean;
     partialData: string;
 };
-export type ChunkTimeout = {
-    id?: ReturnType<typeof setTimeout>;
-};
 export type PremissionsResponse = {
     is_valid_user: boolean;
 };
@@ -54,7 +51,7 @@ export type fetchError = {
 };
 export type ApiWrapperProps = {
     createSessionRequest?: (payload: Record<string, unknown>, itemID: string) => Promise<CreateSessionResponse>;
-    fetchTimeout?: number;
+    fetchTimeout?: StreamResponseTimeout;
     formatCitations?: (citations: Array<CitationResponse>) => Array<CitationType>;
     getAgentConfig?: agentFetcherType;
     getAnswer?: fetcherType;
@@ -95,3 +92,7 @@ export type ApiWrapperWithInjectedProps = ApiWrapperProps & {
     shouldRenderProviders: boolean;
     stopQuestion: StopQuestion;
 };
+export type StreamResponseTimeout = {
+    chunk: number;
+    initial: number;
+};

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

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

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

@@ -1,6 +1,6 @@
 import { ANSWER_ERROR } from '../../../types';
-import { type ChunkTimeout, type ExtendedReadableStreamReadResult, type ReadableStreamResponse, type StreamAbort, type StreamResponseProps } from '../types';
-export declare const FETCH_CHUNK_TIMEOUT = 15000;
+import { type ExtendedReadableStreamReadResult, type ReadableStreamResponse, type StreamAbort, type StreamResponseProps, type StreamResponseTimeout } from '../types';
+export declare const FETCH_TIMEOUT: StreamResponseTimeout;
 export declare const STREAM_ERROR: {
     RESPONSE_FAILED: ANSWER_ERROR;
     RESPONSE_INTERRUPTED: ANSWER_ERROR;
@@ -13,14 +13,14 @@ export declare const STREAMING_COMPLETION_REASON: {
 };
 declare class StreamUtils {
     abortControllerMap: Map<string, StreamAbort>;
-    fetchTimeout: number;
+    chunkTimeout: number;
     abortRequest(requestID: string, userAborted?: boolean): void;
     createAbortRequest(requestID: string): AbortController;
     parseNDJSON(responseState: StreamResponseProps, rawChunk: Uint8Array, streamingProperty: any): void;
-    receiveStreamedResponse(requestID: string, response: ReadableStreamResponse, onStreamResponse: (responseState: StreamResponseProps) => void, streamingProperty?: string, fetchTimeout?: number): void;
+    receiveStreamedResponse(requestID: string, response: ReadableStreamResponse, onStreamResponse: (responseState: StreamResponseProps) => void, streamingProperty?: string, fetchTimeout?: StreamResponseTimeout): void;
     initializeStreamedResponseState(): StreamResponseProps;
-    handleChunkSuccess(chunkTimeout: ChunkTimeout, onStreamResponse: (responseState: StreamResponseProps) => void, result: ExtendedReadableStreamReadResult, requestID: string, streamedResponseState: StreamResponseProps, streamingProperty: any): void;
-    handleChunkError(chunkTimeout: ChunkTimeout, onStreamResponse: (responseState: StreamResponseProps) => void, requestID: string, streamedResponseState: StreamResponseProps): void;
+    handleChunkSuccess(chunkTimeoutId: number, onStreamResponse: (responseState: StreamResponseProps) => void, result: ExtendedReadableStreamReadResult, requestID: string, streamedResponseState: StreamResponseProps, streamingProperty: any): void;
+    handleChunkError(chunkTimeoutId: any, onStreamResponse: (responseState: StreamResponseProps) => void, requestID: string, streamedResponseState: StreamResponseProps): void;
     handleNoResponseBody(onStreamResponse: (responseState: StreamResponseProps) => void, streamedResponseState: StreamResponseProps): void;
     removeAbortController(requestID: string): void;
     setChunkTimeout(requestID: string): ReturnType<typeof setTimeout>;