@box/box-ai-content-answers 0.70.7 → 0.71.0

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

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

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

@@ -1,34 +1,35 @@
 import "../../../../styles/answer-content.css";
-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 = {
+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 = {
   answerContent: c,
-  isSidebarOpen: p,
-  answerMarkdown: l
-}, v = ({
+  sidebar: C,
+  answerMarkdown: x
+}, u = ({
   answer: n,
-  isSidebarOpen: r = !1,
-  isMarkdownEnabled: t,
-  className: s,
-  ...o
+  isMarkdownEnabled: r,
+  className: t,
+  variant: m = "modal",
+  ...s
 }) => {
+  const o = m === "sidebar";
   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,
+  return r && n && (a = l.render(n)), /* @__PURE__ */ w(_, {
+    children: [!r && /* @__PURE__ */ i("div", {
+      className: d(e.answerContent, o && e.sidebar, "Answer-text", t),
+      ...s,
       children: n
-    }), t && /* @__PURE__ */ d("div", {
-      className: i(e.answerContent, e.answerMarkdown, r && e.isSidebarOpen, "Answer-text", s),
+    }), r && /* @__PURE__ */ i("div", {
+      className: d(e.answerContent, e.answerMarkdown, o && e.sidebar, "Answer-text", t),
       dangerouslySetInnerHTML: {
         __html: a
       },
-      ...o
+      ...s
     })]
   });
 };
 export {
-  v as AnswerContent,
-  v as default
+  u as AnswerContent,
+  u as default
 };

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

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

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

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

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

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