@box/box-ai-content-answers 0.58.6 → 0.60.0

package/esm/lib/box-ai-content-answers.js

@@ -1,42 +1,43 @@
 import "../../styles/box-ai-content-answers.css";
-import j from "clsx";
+import k from "clsx";
 import * as s from "react";
-import { AgentEditor as k } from "./components/agents/agent-editor.js";
-import { Content as C } from "./components/content/content.js";
-import { Footer as F } from "./components/footer/footer.js";
-import { jsx as n, jsxs as N } from "react/jsx-runtime";
-const y = "_container_hi5vt_1", B = "_contentAnswers_hi5vt_5", w = {
-  container: y,
-  contentAnswers: B
-}, O = ({
+import { AgentEditor as C } from "./components/agents/agent-editor.js";
+import { Content as F } from "./components/content/content.js";
+import { Footer as N } from "./components/footer/footer.js";
+import { jsx as n, jsxs as y } from "react/jsx-runtime";
+const B = "_container_hi5vt_1", R = "_contentAnswers_hi5vt_5", w = {
+  container: B,
+  contentAnswers: R
+}, U = ({
   className: S,
   contentType: u,
   error: t,
   hasRequestInProgress: c,
   isAgentSelectorEnabled: h,
   isDebugModeEnabled: A,
+  isStopResponseEnabled: M,
   isStreamingEnabled: o,
   userInfo: l,
   questions: i,
   recordAction: r,
-  retryQuestion: M,
+  retryQuestion: Q,
   showLoadingIndicator: a,
-  stopQuestion: Q,
-  submitQuestion: _,
-  suggestedQuestions: x,
-  useAnimation: b,
-  onAgentEditorToggle: v,
-  ...D
+  stopQuestion: _,
+  submitQuestion: x,
+  suggestedQuestions: b,
+  useAnimation: v,
+  onAgentEditorToggle: D,
+  ...E
 }) => {
-  const [m, g] = s.useState(null), [f, d] = s.useState(t != null), [e, p] = s.useState(!1), E = !f && !a;
+  const [m, g] = s.useState(null), [f, d] = s.useState(t != null), [e, p] = s.useState(!1), j = !f && !a;
   return s.useEffect(() => {
     d(t != null);
   }, [t]), /* @__PURE__ */ n("div", {
-    className: j(S, w.container),
-    children: /* @__PURE__ */ N("div", {
+    className: k(S, w.container),
+    children: /* @__PURE__ */ y("div", {
       className: w.contentAnswers,
-      children: [!e && /* @__PURE__ */ n(C, {
-        ...D,
+      children: [!e && /* @__PURE__ */ n(F, {
+        ...E,
         askSuggestedQuestion: m,
         contentType: u,
         error: t,
@@ -48,26 +49,27 @@ const y = "_container_hi5vt_1", B = "_contentAnswers_hi5vt_5", w = {
         setAskSuggestedQuestion: g,
         setIsErrorMessageShown: d,
         showLoadingIndicator: a,
-        suggestedQuestions: x,
-        useAnimation: o && b,
+        suggestedQuestions: b,
+        useAnimation: o && v,
         userInfo: l
-      }), e && /* @__PURE__ */ n(k, {
-        onAgentEditorToggle: v,
+      }), e && /* @__PURE__ */ n(C, {
+        onAgentEditorToggle: D,
         recordAction: r,
         setIsDebugModeShown: p
-      }), E && /* @__PURE__ */ n(F, {
+      }), j && /* @__PURE__ */ n(N, {
         askSuggestedQuestion: m,
         contentType: u,
         enableDebugMode: A,
         hasRequestInProgress: c,
         isAgentSelectorEnabled: h,
         isDebugModeShown: e,
+        isStopResponseEnabled: M,
         isStreamingEnabled: o,
         lastQuestion: i[i.length - 1],
-        onRetryQuestion: M,
-        onStopQuestion: Q,
+        onRetryQuestion: Q,
+        onStopQuestion: _,
         recordAction: r,
-        sendQuestion: _,
+        sendQuestion: x,
         setAskSuggestedQuestion: g,
         toggleDebugMode: () => {
           p(!e);
@@ -78,6 +80,6 @@ const y = "_container_hi5vt_1", B = "_contentAnswers_hi5vt_5", w = {
   });
 };
 export {
-  O as BoxAiContentAnswers,
-  O as default
+  U as BoxAiContentAnswers,
+  U as default
 };

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

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

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

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

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

@@ -1,50 +1,51 @@
 import "../../../../styles/footer-actions.css";
 import { Button as l } from "@box/blueprint-web";
-import { useRef as N, useCallback as p, useEffect as O } from "react";
-import { useIntl as w } from "react-intl";
+import { useRef as O, useCallback as p, useEffect as w } from "react";
+import { useIntl as y } from "react-intl";
 import { A as m } from "../../../../chunks/types.js";
 import { LOGGER_BASE_CONFIG as u, LOGGER_ACTION_CLICK as R } from "../common/constants.js";
 import d from "./messages.js";
-import { jsxs as y, jsx as E } from "react/jsx-runtime";
-const g = "_footerActions_poeou_1", k = "_footerActionButton_poeou_11", a = {
-  footerActions: g,
-  footerActionButton: k
-}, j = ({
-  isStreamingEnabled: _ = !1,
+import { jsxs as g, jsx as E } from "react/jsx-runtime";
+const k = "_footerActions_poeou_1", v = "_footerActionButton_poeou_11", a = {
+  footerActions: k,
+  footerActionButton: v
+}, z = ({
+  isStopResponseEnabled: _ = !1,
+  isStreamingEnabled: B = !1,
   lastQuestion: o,
   onRetryQuestion: s,
   onStopQuestion: c,
   recordAction: t
 }) => {
   const {
-    answer: B,
+    answer: S,
     error: n,
-    isCompleted: S
-  } = o, e = s && n && n !== m.RESPONSE_STOPPED && n !== m.RESPONSE_INTERRUPTED, i = _ && !S && B, h = i || e, r = N(null), {
+    isCompleted: h
+  } = o, e = s && n && n !== m.RESPONSE_STOPPED && n !== m.RESPONSE_INTERRUPTED, i = B && !h && (_ || S), A = i || e, r = O(null), {
     formatMessage: f
-  } = w(), A = p(() => {
+  } = y(), C = p(() => {
     t && t({
       ...u,
       action: R,
       target: "stopResponse"
     }), c(o);
-  }, [o, c, t]), C = p(() => {
+  }, [o, c, t]), N = p(() => {
     t && t({
       ...u,
       action: R,
       target: "retryResponse"
     }), s(o);
   }, [o, s, t]);
-  return O(() => {
+  return w(() => {
     e && r.current && r.current.focus();
-  }, [e]), h ? /* @__PURE__ */ y("div", {
+  }, [e]), A ? /* @__PURE__ */ g("div", {
     className: a.footerActions,
     "data-testid": "content-answers-modal-footer-actions",
     children: [i && /* @__PURE__ */ E(l, {
       "aria-live": "polite",
       className: a.footerActionButton,
       "data-testid": "content-answers-stop-response-button",
-      onClick: A,
+      onClick: C,
       size: "large",
       variant: "secondary",
       children: f(d.stopResponse)
@@ -53,7 +54,7 @@ const g = "_footerActions_poeou_1", k = "_footerActionButton_poeou_11", a = {
       "aria-live": "polite",
       className: a.footerActionButton,
       "data-testid": "content-answers-retry-response-button",
-      onClick: C,
+      onClick: N,
       size: "large",
       variant: "secondary",
       children: f(d.retryResponse)
@@ -61,5 +62,5 @@ const g = "_footerActions_poeou_1", k = "_footerActionButton_poeou_11", a = {
   }) : null;
 };
 export {
-  j as FooterActions
+  z as FooterActions
 };