@box/box-ai-content-answers 0.71.2 → 0.72.0

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

@@ -1,5 +1,5 @@
 import "../../../../styles/agent-editor.css";
-import { TextArea as g } from "@box/blueprint-web";
+import { TextArea as c } from "@box/blueprint-web";
 import { useEffect as a, createRef as u } from "react";
 import { useIntl as d } from "react-intl";
 import { isDebugModeTrigger as l } from "../common/keyInputUtils.js";
@@ -7,49 +7,50 @@ import p from "../footer/messages.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_do5vl_1", O = {
-  debug: N
-}, R = 25, S = ({
-  onAgentEditorToggle: s,
-  recordAction: n,
+const N = "_debug_gfw1n_1", O = "_sidebar_gfw1n_9", R = {
+  debug: N,
+  sidebar: O
+}, w = 25, T = ({
+  onAgentEditorToggle: n,
+  recordAction: o,
   setIsDebugModeShown: i
 }) => {
   const {
     formatMessage: r
   } = d(), {
     selectedAgent: t
-  } = b(), m = _(), e = /* @__PURE__ */ u();
+  } = b(), f = _(), e = /* @__PURE__ */ u();
   a(() => {
     if (e.current) {
-      const o = JSON.stringify(t.config, null, 4);
-      e.current.value = o || "";
+      const s = JSON.stringify(t.config, null, 4);
+      e.current.value = s || "";
     }
   }, [e, t, r]), a(() => {
-    s && (s(t), n && n({
+    n && (n(t), o && o({
       ...h,
       target: "debugMode"
     }));
   }, []);
-  const f = () => {
-    m({
+  const g = () => {
+    f({
       type: "OVERRIDE_AGENT_CONFIG",
       agentName: t.name,
       agentConfig: JSON.parse(e.current.value)
     });
-  }, c = (o) => {
-    l(o) && i(!1);
+  }, m = (s) => {
+    l(s) && i(!1);
   };
-  return /* @__PURE__ */ E(g, {
+  return /* @__PURE__ */ E(c, {
     ref: e,
-    className: O.debug,
+    className: R.debug,
     "data-testid": "content-answers-debug",
     hideLabel: !0,
     label: r(p.askQuestionPlaceholder),
-    maxRows: R,
-    onChange: f,
-    onKeyDown: c
+    maxRows: w,
+    onChange: g,
+    onKeyDown: m
   });
 };
 export {
-  S as AgentEditor
+  T as AgentEditor
 };

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

@@ -2,26 +2,26 @@ import "../../../../styles/answer-content.css";
 import d from "clsx";
 import l from "../common/markdown.js";
 import { jsxs as w, Fragment as _, jsx as i } from "react/jsx-runtime";
-const c = "_answerContent_o58lm_1", C = "_sidebar_o58lm_14", x = "_answerMarkdown_o58lm_18", e = {
+const c = "_answerContent_79stl_1", C = "_sidebar_79stl_13", x = "_answerMarkdown_79stl_16", e = {
   answerContent: c,
   sidebar: C,
   answerMarkdown: x
 }, u = ({
   answer: n,
-  isMarkdownEnabled: r,
-  className: t,
+  isMarkdownEnabled: t,
+  className: r,
   variant: m = "modal",
   ...s
 }) => {
   const o = m === "sidebar";
   let a = n;
-  return r && n && (a = l.render(n)), /* @__PURE__ */ w(_, {
-    children: [!r && /* @__PURE__ */ i("div", {
-      className: d(e.answerContent, o && e.sidebar, "Answer-text", t),
+  return t && n && (a = l.render(n)), /* @__PURE__ */ w(_, {
+    children: [!t && /* @__PURE__ */ i("div", {
+      className: d(e.answerContent, o && e.sidebar, "Answer-text", r),
       ...s,
       children: n
-    }), r && /* @__PURE__ */ i("div", {
-      className: d(e.answerContent, e.answerMarkdown, o && e.sidebar, "Answer-text", t),
+    }), t && /* @__PURE__ */ i("div", {
+      className: d(e.answerContent, e.answerMarkdown, o && e.sidebar, "Answer-text", r),
       dangerouslySetInnerHTML: {
         __html: a
       },

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

@@ -1,11 +1,12 @@
 import "../../../../styles/answer.css";
-import { useBreakpoint as v, Breakpoint as z, Text as M } from "@box/blueprint-web";
-import { BoxAi as D, AlertTriangle as F } from "@box/blueprint-web-assets/icons/Line";
-import { Size5 as H, Size6 as L, Gray65 as x, Size4 as u } from "@box/blueprint-web-assets/tokens/tokens";
-import U from "clsx";
+import { useBreakpoint as L, Breakpoint as M, Text as D } from "@box/blueprint-web";
+import { AlertTriangle as F } from "@box/blueprint-web-assets/icons/Line";
+import { BoxAiLogo as H } from "@box/blueprint-web-assets/icons/Logo";
+import { Size5 as x, Size6 as U, Gray65 as k, Size4 as u } from "@box/blueprint-web-assets/tokens/tokens";
+import y from "clsx";
 import * as m from "react";
-import { useIntl as y } from "react-intl";
-import { A as o } from "../../../../chunks/types.js";
+import { useIntl as z } from "react-intl";
+import { A as r } 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";
@@ -13,8 +14,8 @@ import { InlineError as G } from "./inline-error.js";
 import { LoadingElement as j } from "./loading-element.js";
 import _ from "./messages.js";
 import { References as W } from "./references.js";
-import { jsxs as i, jsx as t } 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 = {
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+const q = "_answer_brr49_1", J = "_alertIcon_brr49_4", K = "_error_brr49_7", Q = "_footer_brr49_11", V = "_shouldHaveMarginTop_brr49_17", X = "_shouldUseAnimation_brr49_20", Y = "_shouldAnimateHeight_brr49_24", Z = "_iconAvatar_brr49_28", t = {
   answer: q,
   alertIcon: J,
   error: K,
@@ -23,57 +24,57 @@ const q = "_answer_5bwzk_1", J = "_alertIcon_5bwzk_4", K = "_error_5bwzk_7", Q =
   shouldUseAnimation: X,
   shouldAnimateHeight: Y,
   iconAvatar: Z
-}, $ = /* @__PURE__ */ new Set([o.RATE_LIMITING, o.NO_CONTENT, o.PRECONDITION_FAILED, o.GENERAL, o.AGENT_NOT_FOUND]), ue = /* @__PURE__ */ m.memo(({
+}, $ = /* @__PURE__ */ new Set([r.RATE_LIMITING, r.NO_CONTENT, r.PRECONDITION_FAILED, r.GENERAL, r.AGENT_NOT_FOUND]), Se = /* @__PURE__ */ m.memo(({
   answer: s,
   citations: S,
   error: e,
   contentType: N,
   isCitationsEnabled: A = !1,
   isCompleted: a = !1,
-  isLoading: w = !1,
-  isMarkdownEnabled: I = !1,
-  onCitationClick: T,
+  isLoading: I = !1,
+  isMarkdownEnabled: T = !1,
+  onCitationClick: g,
   onAnswerCopy: R,
   recordAction: l,
-  useAnimation: g = !0,
+  useAnimation: O = !0,
   variant: n = "modal"
 }) => {
-  const E = $.has(e), p = w && !s && !e, [O, P] = m.useState(a), {
+  const p = $.has(e), E = I && !s && !e, [P, w] = m.useState(a), {
     formatMessage: c
-  } = y(), h = v() === z.Small ? H : L;
+  } = z(), h = L() === M.Small ? x : U;
   m.useEffect(() => {
-    setTimeout(() => P(a), 0);
+    setTimeout(() => w(a), 0);
   }, [a]);
-  const f = () => /* @__PURE__ */ t(F, {
-    className: r.alertIcon,
-    color: x,
+  const f = () => /* @__PURE__ */ o(F, {
+    className: t.alertIcon,
+    color: k,
     "data-testid": "content-answers-error-alert-icon",
     height: u,
     role: "presentation",
     width: u
-  }), b = () => /* @__PURE__ */ i(M, {
+  }), b = () => /* @__PURE__ */ i(D, {
     as: "p",
-    className: r.error,
+    className: t.error,
     color: "textOnLightSecondary",
     "data-testid": "content-answers-error",
     variant: "caption",
-    children: [e === o.RESPONSE_INTERRUPTED && c(_.responseInterruptedError), e === o.RESPONSE_FAILED && c(_.responseFailedError), e === o.RESPONSE_STOPPED && c(_.responseStoppedError), e !== o.RESPONSE_STOPPED && f()]
-  }), k = () => e !== o.RESPONSE_STOPPED ? /* @__PURE__ */ t(C, {
+    children: [e === r.RESPONSE_INTERRUPTED && c(_.responseInterruptedError), e === r.RESPONSE_FAILED && c(_.responseFailedError), e === r.RESPONSE_STOPPED && c(_.responseStoppedError), e !== r.RESPONSE_STOPPED && f()]
+  }), v = () => e !== r.RESPONSE_STOPPED ? /* @__PURE__ */ o(C, {
     answer: s,
     onAnswerCopy: R,
     recordAction: l
   }) : s ? null : f();
   return /* @__PURE__ */ i("div", {
     "aria-live": "polite",
-    className: r.answer,
+    className: t.answer,
     "data-testid": "content-answers-answer",
-    children: [!E && !p && /* @__PURE__ */ i(d, {
+    children: [!p && !E && /* @__PURE__ */ i(d, {
       variant: n,
-      children: [/* @__PURE__ */ t(d.Figure, {
+      children: [/* @__PURE__ */ o(d.Figure, {
         variant: n,
-        children: /* @__PURE__ */ t("div", {
-          className: r.iconAvatar,
-          children: /* @__PURE__ */ t(D, {
+        children: /* @__PURE__ */ o("div", {
+          className: t.iconAvatar,
+          children: /* @__PURE__ */ o(H, {
             height: h,
             role: "presentation",
             width: h
@@ -82,35 +83,35 @@ const q = "_answer_5bwzk_1", J = "_alertIcon_5bwzk_4", K = "_error_5bwzk_7", Q =
       }), /* @__PURE__ */ i(d.Content, {
         isUsedInsideSidebar: n === "sidebar",
         variant: "answer",
-        children: [/* @__PURE__ */ t(B, {
+        children: [/* @__PURE__ */ o(B, {
           answer: s,
-          isMarkdownEnabled: I,
+          isMarkdownEnabled: T,
           variant: n
         }), a && /* @__PURE__ */ i("div", {
-          className: U(r.footer, {
-            [r.shouldHaveMarginTop]: s,
-            [r.shouldAnimateHeight]: O,
-            [r.shouldUseAnimation]: g
+          className: y(t.footer, {
+            [t.shouldHaveMarginTop]: s,
+            [t.shouldAnimateHeight]: P,
+            [t.shouldUseAnimation]: O
           }),
           "data-testid": "content-answers-answer-footer",
-          children: [e && b(), A && !e && /* @__PURE__ */ t(W, {
+          children: [e && b(), A && !e && /* @__PURE__ */ o(W, {
             citations: S,
-            onCitationClick: T,
+            onCitationClick: g,
             recordAction: l
-          }), k()]
+          }), v()]
         })]
       })]
-    }), E && /* @__PURE__ */ t(G, {
+    }), p && /* @__PURE__ */ o(G, {
       contentType: N,
       error: e,
       recordAction: l,
       variant: n
-    }), p && /* @__PURE__ */ t(j, {
+    }), E && /* @__PURE__ */ o(j, {
       variant: n
     })]
   });
 });
 export {
-  ue as Answer,
-  ue as default
+  Se as Answer,
+  Se as default
 };

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

@@ -1,20 +1,21 @@
 import "../../../../styles/inline-error.css";
 import { useBreakpoint as N, Breakpoint as h, Text as u } from "@box/blueprint-web";
-import { BoxAi as x, AlertTriangle as S } from "@box/blueprint-web-assets/icons/Line";
-import { Size5 as s, Size6 as T } from "@box/blueprint-web-assets/tokens/tokens";
-import * as f from "react";
-import { useIntl as g } from "react-intl";
+import { AlertTriangle as x } from "@box/blueprint-web-assets/icons/Line";
+import { BoxAiLogo as g } from "@box/blueprint-web-assets/icons/Logo";
+import { Size5 as s, Size6 as S } from "@box/blueprint-web-assets/tokens/tokens";
+import * as p from "react";
+import { useIntl as T } from "react-intl";
 import { A as t } from "../../../../chunks/types.js";
 import { LOGGER_BASE_CONFIG as A } from "../common/constants.js";
 import { MediaContainer as l } from "../common/media-container.js";
 import i from "./messages.js";
 import { jsx as r, jsxs as _ } from "react/jsx-runtime";
-const v = "_inlineError_ft07o_1", I = "_text_ft07o_4", O = "_icon_ft07o_14", R = "_iconAvatar_ft07o_18", n = {
+const v = "_inlineError_4osra_1", I = "_text_4osra_4", O = "_icon_4osra_14", R = "_iconAvatar_4osra_18", n = {
   inlineError: v,
   text: I,
   icon: O,
   iconAvatar: R
-}, U = ({
+}, j = ({
   error: o,
   contentType: c,
   variant: d = "modal",
@@ -22,14 +23,14 @@ const v = "_inlineError_ft07o_1", I = "_text_ft07o_4", O = "_icon_ft07o_14", R =
 }) => {
   const m = d === "sidebar", {
     formatMessage: e
-  } = g();
-  f.useEffect(() => {
+  } = T();
+  p.useEffect(() => {
     a && a({
       ...A,
       target: "inlineError"
     });
   }, [a]);
-  const p = f.useCallback(() => {
+  const f = p.useCallback(() => {
     switch (o) {
       case t.RATE_LIMITING:
         return e(i.inlineRateLimitingErrorText);
@@ -44,7 +45,7 @@ const v = "_inlineError_ft07o_1", I = "_text_ft07o_4", O = "_icon_ft07o_14", R =
       default:
         return e(i.inlineErrorText);
     }
-  }, [c, o, e]), E = N() === h.Small ? s : T;
+  }, [c, o, e]), E = N() === h.Small ? s : S;
   return /* @__PURE__ */ r("div", {
     className: n.inlineError,
     "data-testid": "content-answers-inline-error",
@@ -55,7 +56,7 @@ const v = "_inlineError_ft07o_1", I = "_text_ft07o_4", O = "_icon_ft07o_14", R =
         variant: "center-aligned",
         children: /* @__PURE__ */ r("div", {
           className: n.iconAvatar,
-          children: /* @__PURE__ */ r(x, {
+          children: /* @__PURE__ */ r(g, {
             height: E,
             role: "presentation",
             width: E
@@ -67,7 +68,7 @@ const v = "_inlineError_ft07o_1", I = "_text_ft07o_4", O = "_icon_ft07o_14", R =
         variant: "error",
         children: [/* @__PURE__ */ r("div", {
           className: n.icon,
-          children: /* @__PURE__ */ r(S, {
+          children: /* @__PURE__ */ r(x, {
             height: s,
             role: "presentation",
             width: s
@@ -75,13 +76,13 @@ const v = "_inlineError_ft07o_1", I = "_text_ft07o_4", O = "_icon_ft07o_14", R =
         }), /* @__PURE__ */ r(u, {
           as: "p",
           className: n.text,
-          children: o && p()
+          children: o && f()
         })]
       })]
     })
   });
 };
 export {
-  U as InlineError,
-  U as default
+  j as InlineError,
+  j as default
 };

package/esm/lib/components/answer/loading-element.js

@@ -1,41 +1,41 @@
 import "../../../../styles/loading-element.css";
-import { useBreakpoint as t, Breakpoint as s, LoadingIndicator as d } from "@box/blueprint-web";
-import { BoxAi as l } from "@box/blueprint-web-assets/icons/Line";
+import { useBreakpoint as r, Breakpoint as s, LoadingIndicator as d } from "@box/blueprint-web";
+import { BoxAiLogo as l } from "@box/blueprint-web-assets/icons/Logo";
 import { Size5 as c, Size6 as m } from "@box/blueprint-web-assets/tokens/tokens";
-import { useIntl as p } from "react-intl";
-import { MediaContainer as n } from "../common/media-container.js";
-import g from "./messages.js";
+import { useIntl as g } from "react-intl";
+import { MediaContainer as o } from "../common/media-container.js";
+import p from "./messages.js";
 import { jsx as i, jsxs as S } from "react/jsx-runtime";
-const f = "_loadingElement_1pjir_1", _ = "_loadingIndicator_1pjir_1", h = "_iconAvatar_1pjir_5", o = {
+const f = "_loadingElement_ts52l_1", _ = "_loadingIndicator_ts52l_1", h = "_iconAvatar_ts52l_5", n = {
   loadingElement: f,
   loadingIndicator: _,
   iconAvatar: h
-}, z = ({
+}, B = ({
   variant: e = "modal"
 }) => {
   const {
-    formatMessage: r
-  } = p(), a = t() === s.Small ? c : m;
+    formatMessage: t
+  } = g(), a = r() === s.Small ? c : m;
   return /* @__PURE__ */ i("div", {
-    className: o.loadingElement,
-    children: /* @__PURE__ */ S(n, {
+    className: n.loadingElement,
+    children: /* @__PURE__ */ S(o, {
       variant: e,
-      children: [/* @__PURE__ */ i(n.Figure, {
+      children: [/* @__PURE__ */ i(o.Figure, {
         isUsedInsideSidebar: e === "sidebar",
         children: /* @__PURE__ */ i("div", {
-          className: o.iconAvatar,
+          className: n.iconAvatar,
           children: /* @__PURE__ */ i(l, {
             height: a,
             role: "presentation",
             width: a
           })
         })
-      }), /* @__PURE__ */ i(n.Content, {
+      }), /* @__PURE__ */ i(o.Content, {
         isUsedInsideSidebar: e === "sidebar",
         variant: "answer",
         children: /* @__PURE__ */ i(d, {
-          "aria-label": r(g.loadingAnswer),
-          className: o.loadingIndicator,
+          "aria-label": t(p.loadingAnswer),
+          className: n.loadingIndicator,
           "data-testid": "content-answers-loading-indicator"
         })
       })]
@@ -43,6 +43,6 @@ const f = "_loadingElement_1pjir_1", _ = "_loadingIndicator_1pjir_1", h = "_icon
   });
 };
 export {
-  z as LoadingElement,
-  z as default
+  B as LoadingElement,
+  B as default
 };

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

@@ -1,31 +1,31 @@
-const i = (e) => ({
+const a = (t) => ({
   ask: {
     type: "ai_agent_ask",
     longText: {
-      model: e
+      model: t
     },
     longTextMulti: {
-      model: e
+      model: t
     },
     basicText: {
-      model: e
+      model: t
     },
     basicTextMulti: {
-      model: e
+      model: t
     }
   }
-}), t = (e, _ = null, n = !1) => ({
+}), e = (t, _ = null, n = !1) => ({
   id: _,
-  name: e,
-  config: _ ? i(_) : null,
+  name: t,
+  config: _ ? a(_) : null,
   isDefault: n,
   isEnterpriseDefault: n,
   isSelected: n
-}), a = [t("Box (default)", null, !0), t("Box (gpt-3.5-turbo)", "azure__openai__gpt_3_5_turbo_16k"), t("Box (gpt-4o)", "openai__gpt_4o_2024_05_13"), t("Box (gemini 1.5 flash", "google__gemini_1_5_flash_001"), t("Box (gemini 1.5 pro)", "google__gemini_1_5_pro_001"), t("Box (claude 3 sonnet)", "aws__claude_3_sonnet"), t("Box (claude 3.5 sonnet)", "aws__claude_3_5_sonnet"), t("Box (claude 3 haiku)", "aws__claude_3_haiku"), t("Box (titan text lite)", "aws__titan_text_lite"), t("Box (titan text express)", "aws__titan_text_express")], o = {
-  agents: a,
-  selectedAgent: a.find((e) => e.isSelected)
+}), i = [e("Box (default)", null, !0), e("Box (gpt-3.5-turbo)", "azure__openai__gpt_3_5_turbo_16k"), e("Box (gpt-4o)", "openai__gpt_4o_2024_05_13"), e("Box (gemini 1.5 flash", "google__gemini_1_5_flash_001"), e("Box (gemini 1.5 pro)", "google__gemini_1_5_pro_001"), e("Box (gemini 2.0 flash)", "google__gemini_2_0_flash_exp"), e("Box (claude 3 sonnet)", "aws__claude_3_sonnet"), e("Box (claude 3.5 sonnet)", "aws__claude_3_5_sonnet"), e("Box (claude 3 haiku)", "aws__claude_3_haiku"), e("Box (titan text lite)", "aws__titan_text_lite"), e("Box (titan text express)", "aws__titan_text_express")], o = {
+  agents: i,
+  selectedAgent: i.find((t) => t.isSelected)
 };
 export {
-  a as agentList,
+  i as agentList,
   o as agentState
 };

package/esm/lib/components/common/media-container.js

@@ -1,47 +1,50 @@
 import "../../../../styles/media-container.css";
 import { Card as d } from "@box/blueprint-web";
-import i from "clsx";
+import s from "clsx";
 import { jsx as t } from "react/jsx-runtime";
-const _ = "_mediaContainer_jv9q1_1", c = "_sidebar_jv9q1_8", m = "_question_jv9q1_14", l = "_body_jv9q1_17", u = "_answer_jv9q1_25", q = "_error_jv9q1_34", v = "_figure_jv9q1_53", e = {
+const _ = "_mediaContainer_8h14q_1", c = "_sidebar_8h14q_7", m = "_question_8h14q_12", l = "_figure_8h14q_16", q = "_contentCard_8h14q_23", g = "_body_8h14q_26", u = "_answer_8h14q_32", C = "_welcomeMessage_8h14q_35", b = "_error_8h14q_41", e = {
   mediaContainer: _,
   sidebar: c,
   question: m,
-  body: l,
+  figure: l,
+  contentCard: q,
+  body: g,
   answer: u,
-  error: q,
-  figure: v,
-  "center-aligned": "_center-aligned_jv9q1_65",
-  "top-aligned": "_top-aligned_jv9q1_74"
-}, b = ({
+  welcomeMessage: C,
+  error: b,
+  "center-aligned": "_center-aligned_8h14q_67",
+  "top-aligned": "_top-aligned_8h14q_74"
+}, h = ({
   children: r,
   className: a,
   variant: n = "modal"
 }) => /* @__PURE__ */ t("div", {
-  className: i(e.mediaContainer, e[a], n === "sidebar" && e.sidebar),
+  className: s(e.mediaContainer, e[a], n === "sidebar" && e.sidebar),
   "data-testid": "content-answers-grid-card",
   children: r
-}), s = b;
-s.Figure = ({
+}), o = h;
+o.Figure = ({
   children: r,
   isUsedInsideSidebar: a = !1,
   variant: n
 }) => /* @__PURE__ */ t("div", {
-  className: i(e.figure, e[n], a && e.sidebar),
+  className: s(e.figure, e[n], a && e.sidebar),
   children: r
 });
-s.Content = ({
+o.Content = ({
   children: r,
   isUsedInsideSidebar: a = !1,
   variant: n,
-  shouldAddCard: o = !0
+  shouldAddCard: i = !0
 }) => /* @__PURE__ */ t("div", {
-  className: i(e.body, e[n], a && e.sidebar),
-  children: o ? /* @__PURE__ */ t(d, {
+  className: s(e.body, e[n], a && e.sidebar),
+  children: i ? /* @__PURE__ */ t(d, {
+    className: e.contentCard,
     children: r
   }) : r
 });
 export {
-  s as MediaContainer,
-  b as MediaContainerBase,
-  s as default
+  o as MediaContainer,
+  h as MediaContainerBase,
+  o as default
 };