@box/box-ai-content-answers 0.65.2 → 0.66.0

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

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

package/esm/lib/components/agents/agent-editor.js

@@ -4,10 +4,10 @@ import { useEffect as a, createRef as u } from "react";
 import { useIntl as d } from "react-intl";
 import { isDebugModeTrigger as l } from "../common/keyInputUtils.js";
 import p from "../footer/messages.js";
-import { useAgents as b, useAgentsDispatch as h } from "../../contexts/AgentsContext.js";
-import { LOGGER_BASE_CONFIG as _ } from "../common/constants.js";
+import { useAgents as b, useAgentsDispatch as _ } from "../../contexts/AgentsContext.js";
+import { LOGGER_BASE_CONFIG as h } from "../common/constants.js";
 import { jsx as E } from "react/jsx-runtime";
-const N = "_debug_hgecn_1", O = {
+const N = "_debug_do5vl_1", O = {
   debug: N
 }, R = 25, S = ({
   onAgentEditorToggle: s,
@@ -18,7 +18,7 @@ const N = "_debug_hgecn_1", O = {
     formatMessage: r
   } = d(), {
     selectedAgent: t
-  } = b(), m = h(), e = /* @__PURE__ */ u();
+  } = b(), m = _(), e = /* @__PURE__ */ u();
   a(() => {
     if (e.current) {
       const o = JSON.stringify(t.config, null, 4);
@@ -26,17 +26,17 @@ const N = "_debug_hgecn_1", O = {
     }
   }, [e, t, r]), a(() => {
     s && (s(t), n && n({
-      ..._,
+      ...h,
       target: "debugMode"
     }));
   }, []);
-  const c = () => {
+  const f = () => {
     m({
       type: "OVERRIDE_AGENT_CONFIG",
       agentName: t.name,
       agentConfig: JSON.parse(e.current.value)
     });
-  }, f = (o) => {
+  }, c = (o) => {
     l(o) && i(!1);
   };
   return /* @__PURE__ */ E(g, {
@@ -46,8 +46,8 @@ const N = "_debug_hgecn_1", O = {
     hideLabel: !0,
     label: r(p.askQuestionPlaceholder),
     maxRows: R,
-    onChange: c,
-    onKeyDown: f
+    onChange: f,
+    onKeyDown: c
   });
 };
 export {

package/esm/lib/components/answer/answer-content.js

@@ -1,32 +1,34 @@
 import "../../../../styles/answer-content.css";
-import a from "clsx";
-import w from "../common/markdown.js";
-import { jsxs as d, Fragment as c, jsx as m } from "react/jsx-runtime";
-const _ = "_answerContent_1s7k1_1", i = "_answerMarkdown_1s7k1_13", e = {
-  answerContent: _,
-  answerMarkdown: i
-}, p = ({
+import i from "clsx";
+import m from "../common/markdown.js";
+import { jsxs as w, Fragment as _, jsx as d } from "react/jsx-runtime";
+const c = "_answerContent_kzv6t_1", p = "_isSidebarOpen_kzv6t_14", l = "_answerMarkdown_kzv6t_18", e = {
+  answerContent: c,
+  isSidebarOpen: p,
+  answerMarkdown: l
+}, v = ({
   answer: n,
+  isSidebarOpen: r = !1,
   isMarkdownEnabled: t,
-  className: r,
+  className: s,
   ...o
 }) => {
-  let s = n;
-  return t && n && (s = w.render(n)), /* @__PURE__ */ d(c, {
-    children: [!t && /* @__PURE__ */ m("div", {
-      className: a(e.answerContent, "Answer-text", r),
+  let a = n;
+  return t && n && (a = m.render(n)), /* @__PURE__ */ w(_, {
+    children: [!t && /* @__PURE__ */ d("div", {
+      className: i(e.answerContent, r && e.isSidebarOpen, "Answer-text", s),
       ...o,
       children: n
-    }), t && /* @__PURE__ */ m("div", {
-      className: a(e.answerContent, e.answerMarkdown, "Answer-text", r),
+    }), t && /* @__PURE__ */ d("div", {
+      className: i(e.answerContent, e.answerMarkdown, r && e.isSidebarOpen, "Answer-text", s),
       dangerouslySetInnerHTML: {
-        __html: s
+        __html: a
       },
       ...o
     })]
   });
 };
 export {
-  p as AnswerContent,
-  p as default
+  v as AnswerContent,
+  v as default
 };

package/esm/lib/components/answer/answer.js

@@ -1,107 +1,116 @@
 import "../../../../styles/answer.css";
-import { useBreakpoint as k, Breakpoint as z, Text as b } from "@box/blueprint-web";
-import { BoxAi as M, AlertTriangle as H } from "@box/blueprint-web-assets/icons/Line";
-import { Size5 as L, Size6 as x, Gray65 as D, Size4 as f } from "@box/blueprint-web-assets/tokens/tokens";
-import F from "clsx";
-import * as c from "react";
-import { useIntl as U } from "react-intl";
-import { A as o } from "../../../../chunks/types.js";
-import { MediaContainer as m } from "../common/media-container.js";
-import { AnswerContent as y } from "./answer-content.js";
-import { CopyButton as B } from "./copy-button.js";
-import { InlineError as C } from "./inline-error.js";
-import { LoadingElement as G } from "./loading-element.js";
-import d from "./messages.js";
-import { References as j } from "./references.js";
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-const W = "_answer_5bwzk_1", q = "_alertIcon_5bwzk_4", J = "_error_5bwzk_7", K = "_footer_5bwzk_11", Q = "_shouldHaveMarginTop_5bwzk_17", V = "_shouldUseAnimation_5bwzk_20", X = "_shouldAnimateHeight_5bwzk_24", Y = "_iconAvatar_5bwzk_28", r = {
-  answer: W,
-  alertIcon: q,
-  error: J,
-  footer: K,
-  shouldHaveMarginTop: Q,
-  shouldUseAnimation: V,
-  shouldAnimateHeight: X,
-  iconAvatar: Y
-}, Z = /* @__PURE__ */ new Set([o.RATE_LIMITING, o.NO_CONTENT, o.PRECONDITION_FAILED, o.GENERAL]), fe = /* @__PURE__ */ c.memo(({
-  answer: n,
-  citations: u,
-  error: e,
-  contentType: S,
+import { useBreakpoint as O, Breakpoint as M, Text as H } from "@box/blueprint-web";
+import { BoxAi as L, AlertTriangle as x } from "@box/blueprint-web-assets/icons/Line";
+import { Size5 as D, Size6 as F, Gray65 as b, Size4 as p } from "@box/blueprint-web-assets/tokens/tokens";
+import U from "clsx";
+import * as m from "react";
+import { useIntl as y } from "react-intl";
+import { A as e } from "../../../../chunks/types.js";
+import { MediaContainer as d } from "../common/media-container.js";
+import { AnswerContent as B } from "./answer-content.js";
+import { CopyButton as C } from "./copy-button.js";
+import { InlineError as G } from "./inline-error.js";
+import { LoadingElement as j } from "./loading-element.js";
+import E from "./messages.js";
+import { References as W } from "./references.js";
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+const q = "_answer_5bwzk_1", J = "_alertIcon_5bwzk_4", K = "_error_5bwzk_7", Q = "_footer_5bwzk_11", V = "_shouldHaveMarginTop_5bwzk_17", X = "_shouldUseAnimation_5bwzk_20", Y = "_shouldAnimateHeight_5bwzk_24", Z = "_iconAvatar_5bwzk_28", r = {
+  answer: q,
+  alertIcon: J,
+  error: K,
+  footer: Q,
+  shouldHaveMarginTop: V,
+  shouldUseAnimation: X,
+  shouldAnimateHeight: Y,
+  iconAvatar: Z
+}, $ = /* @__PURE__ */ new Set([e.RATE_LIMITING, e.NO_CONTENT, e.PRECONDITION_FAILED, e.GENERAL]), pt = /* @__PURE__ */ m.memo(({
+  answer: s,
+  citations: S,
+  error: t,
+  contentType: w,
   isCitationsEnabled: A = !1,
-  isCompleted: a = !1,
-  isLoading: w = !1,
-  isMarkdownEnabled: I = !1,
-  onCitationClick: N,
-  onAnswerCopy: R,
-  recordAction: i,
-  useAnimation: g = !0
+  isCompleted: i = !1,
+  isLoading: I = !1,
+  isMarkdownEnabled: N = !1,
+  isSidebarOpen: n = !1,
+  onCitationClick: R,
+  onAnswerCopy: g,
+  recordAction: l,
+  useAnimation: T = !0
 }) => {
-  const p = Z.has(e), E = w && !n && !e, [T, v] = c.useState(a), {
-    formatMessage: l
-  } = U(), _ = k() === z.Small ? L : x;
-  c.useEffect(() => {
-    setTimeout(() => v(a), 0);
-  }, [a]);
-  const h = () => /* @__PURE__ */ t(H, {
+  const _ = $.has(t), h = I && !s && !t, [v, P] = m.useState(i), {
+    formatMessage: c
+  } = y(), f = O() === M.Small ? D : F;
+  m.useEffect(() => {
+    setTimeout(() => P(i), 0);
+  }, [i]);
+  const u = () => /* @__PURE__ */ o(x, {
     className: r.alertIcon,
-    color: D,
+    color: b,
     "data-testid": "content-answers-error-alert-icon",
-    height: f,
+    height: p,
     role: "presentation",
-    width: f
-  }), O = () => /* @__PURE__ */ s(b, {
+    width: p
+  }), k = () => /* @__PURE__ */ a(H, {
     as: "p",
     className: r.error,
     color: "textOnLightSecondary",
     "data-testid": "content-answers-error",
     variant: "caption",
-    children: [e === o.RESPONSE_INTERRUPTED && l(d.responseInterruptedError), e === o.RESPONSE_FAILED && l(d.responseFailedError), e === o.RESPONSE_STOPPED && l(d.responseStoppedError), e !== o.RESPONSE_STOPPED && h()]
-  }), P = () => e !== o.RESPONSE_STOPPED ? /* @__PURE__ */ t(B, {
-    answer: n,
-    onAnswerCopy: R,
-    recordAction: i
-  }) : n ? null : h();
-  return /* @__PURE__ */ s("div", {
+    children: [t === e.RESPONSE_INTERRUPTED && c(E.responseInterruptedError), t === e.RESPONSE_FAILED && c(E.responseFailedError), t === e.RESPONSE_STOPPED && c(E.responseStoppedError), t !== e.RESPONSE_STOPPED && u()]
+  }), z = () => t !== e.RESPONSE_STOPPED ? /* @__PURE__ */ o(C, {
+    answer: s,
+    onAnswerCopy: g,
+    recordAction: l
+  }) : s ? null : u();
+  return /* @__PURE__ */ a("div", {
     "aria-live": "polite",
     className: r.answer,
     "data-testid": "content-answers-answer",
-    children: [!p && !E && /* @__PURE__ */ s(m, {
-      children: [/* @__PURE__ */ t(m.Figure, {
-        children: /* @__PURE__ */ t("div", {
+    children: [!_ && !h && /* @__PURE__ */ a(d, {
+      isSidebarOpen: n,
+      children: [/* @__PURE__ */ o(d.Figure, {
+        isSidebarOpen: n,
+        children: /* @__PURE__ */ o("div", {
           className: r.iconAvatar,
-          children: /* @__PURE__ */ t(M, {
-            height: _,
+          children: /* @__PURE__ */ o(L, {
+            height: f,
             role: "presentation",
-            width: _
+            width: f
           })
         })
-      }), /* @__PURE__ */ s(m.Content, {
-        children: [/* @__PURE__ */ t(y, {
-          answer: n,
-          isMarkdownEnabled: I
-        }), a && /* @__PURE__ */ s("div", {
-          className: F(r.footer, {
-            [r.shouldHaveMarginTop]: n,
-            [r.shouldAnimateHeight]: T,
-            [r.shouldUseAnimation]: g
+      }), /* @__PURE__ */ a(d.Content, {
+        isSidebarOpen: n,
+        variant: "answer",
+        children: [/* @__PURE__ */ o(B, {
+          answer: s,
+          isMarkdownEnabled: N,
+          isSidebarOpen: n
+        }), i && /* @__PURE__ */ a("div", {
+          className: U(r.footer, {
+            [r.shouldHaveMarginTop]: s,
+            [r.shouldAnimateHeight]: v,
+            [r.shouldUseAnimation]: T
           }),
           "data-testid": "content-answers-answer-footer",
-          children: [e && O(), A && !e && /* @__PURE__ */ t(j, {
-            citations: u,
-            onCitationClick: N,
-            recordAction: i
-          }), P()]
+          children: [t && k(), A && !t && /* @__PURE__ */ o(W, {
+            citations: S,
+            onCitationClick: R,
+            recordAction: l
+          }), z()]
         })]
       })]
-    }), p && /* @__PURE__ */ t(C, {
-      contentType: S,
-      error: e,
-      recordAction: i
-    }), E && /* @__PURE__ */ t(G, {})]
+    }), _ && /* @__PURE__ */ o(G, {
+      contentType: w,
+      error: t,
+      isSidebarOpen: n,
+      recordAction: l
+    }), h && /* @__PURE__ */ o(j, {
+      isSidebarOpen: n
+    })]
   });
 });
 export {
-  fe as Answer,
-  fe as default
+  pt as Answer,
+  pt as default
 };

package/esm/lib/components/answer/inline-error.js

@@ -1,81 +1,85 @@
 import "../../../../styles/inline-error.css";
-import { useBreakpoint as p, Breakpoint as _, Text as h } from "@box/blueprint-web";
-import { BoxAi as u, AlertTriangle as x } from "@box/blueprint-web-assets/icons/Line";
-import { Size5 as a, Size6 as N } from "@box/blueprint-web-assets/tokens/tokens";
-import * as d from "react";
-import { useIntl as v } from "react-intl";
-import { A as s } from "../../../../chunks/types.js";
-import { LOGGER_BASE_CONFIG as g } from "../common/constants.js";
-import { MediaContainer as l } from "../common/media-container.js";
+import { useBreakpoint as p, Breakpoint as h, Text as u } from "@box/blueprint-web";
+import { BoxAi as x, AlertTriangle as N } from "@box/blueprint-web-assets/icons/Line";
+import { Size5 as s, Size6 as v } from "@box/blueprint-web-assets/tokens/tokens";
+import * as f from "react";
+import { useIntl as g } from "react-intl";
+import { A as l } from "../../../../chunks/types.js";
+import { LOGGER_BASE_CONFIG as A } from "../common/constants.js";
+import { MediaContainer as c } from "../common/media-container.js";
 import t from "./messages.js";
-import { jsx as r, jsxs as f } from "react/jsx-runtime";
-const A = "_inlineError_ft07o_1", S = "_text_ft07o_4", T = "_icon_ft07o_14", I = "_iconAvatar_ft07o_18", i = {
-  inlineError: A,
-  text: S,
-  icon: T,
-  iconAvatar: I
-}, z = ({
+import { jsx as r, jsxs as E } from "react/jsx-runtime";
+const T = "_inlineError_ft07o_1", I = "_text_ft07o_4", R = "_icon_ft07o_14", C = "_iconAvatar_ft07o_18", i = {
+  inlineError: T,
+  text: I,
+  icon: R,
+  iconAvatar: C
+}, D = ({
   error: n,
-  contentType: c,
-  recordAction: o
+  contentType: m,
+  isSidebarOpen: o = !1,
+  recordAction: a
 }) => {
   const {
     formatMessage: e
-  } = v();
-  d.useEffect(() => {
-    o && o({
-      ...g,
+  } = g();
+  f.useEffect(() => {
+    a && a({
+      ...A,
       target: "inlineError"
     });
-  }, [o]);
-  const E = d.useCallback(() => {
+  }, [a]);
+  const _ = f.useCallback(() => {
     switch (n) {
-      case s.RATE_LIMITING:
+      case l.RATE_LIMITING:
         return e(t.inlineRateLimitingErrorText);
-      case s.NO_CONTENT:
+      case l.NO_CONTENT:
         return e(t.inlineNoContentErrorText);
-      case s.PRECONDITION_FAILED:
+      case l.PRECONDITION_FAILED:
         return e(t.inlinePreconditionFailedErrorText, {
-          type: c
+          type: m
         });
       default:
         return e(t.inlineErrorText);
     }
-  }, [c, n, e]), m = p() === _.Small ? a : N;
+  }, [m, n, e]), d = p() === h.Small ? s : v;
   return /* @__PURE__ */ r("div", {
     className: i.inlineError,
     "data-testid": "content-answers-inline-error",
-    children: /* @__PURE__ */ f(l, {
-      children: [/* @__PURE__ */ r(l.Figure, {
+    children: /* @__PURE__ */ E(c, {
+      isSidebarOpen: o,
+      children: [/* @__PURE__ */ r(c.Figure, {
+        isSidebarOpen: o,
         variant: "center-aligned",
         children: /* @__PURE__ */ r("div", {
           className: i.iconAvatar,
-          children: /* @__PURE__ */ r(u, {
-            height: m,
+          children: /* @__PURE__ */ r(x, {
+            height: d,
             role: "presentation",
-            width: m
+            width: d
           })
         })
-      }), /* @__PURE__ */ f(l.Content, {
+      }), /* @__PURE__ */ E(c.Content, {
+        isSidebarOpen: o,
         shouldAddCard: !1,
         variant: "error",
         children: [/* @__PURE__ */ r("div", {
           className: i.icon,
-          children: /* @__PURE__ */ r(x, {
-            height: a,
+          children: /* @__PURE__ */ r(N, {
+            height: s,
             role: "presentation",
-            width: a
+            width: s
           })
-        }), /* @__PURE__ */ r(h, {
+        }), /* @__PURE__ */ r(u, {
           as: "p",
           className: i.text,
-          children: n && E()
+          children: n && _()
         })]
       })]
     })
   });
 };
 export {
-  z as InlineError,
-  z as default
+  D as InlineError,
+  D as default
 };