@box/box-ai-content-answers 0.57.0 → 0.57.2

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

@@ -5,71 +5,72 @@ 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", f = {
+const y = "_container_hi5vt_1", B = "_contentAnswers_hi5vt_5", w = {
   container: y,
   contentAnswers: B
 }, O = ({
-  className: p,
-  contentType: r,
+  className: S,
+  contentType: u,
   error: t,
-  hasRequestInProgress: a,
-  isAgentSelectorEnabled: w,
-  isDebugModeEnabled: h,
-  isStreamingEnabled: b,
+  hasRequestInProgress: c,
+  isAgentSelectorEnabled: h,
+  isDebugModeEnabled: A,
+  isStreamingEnabled: o,
   userInfo: l,
-  questions: o,
-  recordAction: i,
-  retryQuestion: A,
-  showLoadingIndicator: u,
-  stopQuestion: M,
-  submitQuestion: Q,
-  suggestedQuestions: _,
-  useAnimation: x,
-  onAgentEditorToggle: E,
-  ...v
+  questions: i,
+  recordAction: r,
+  retryQuestion: M,
+  showLoadingIndicator: a,
+  stopQuestion: Q,
+  submitQuestion: _,
+  suggestedQuestions: x,
+  useAnimation: b,
+  onAgentEditorToggle: v,
+  ...D
 }) => {
-  const [c, m] = s.useState(null), [g, d] = s.useState(t != null), [e, S] = s.useState(!1), D = !g && !u;
+  const [m, g] = s.useState(null), [f, d] = s.useState(t != null), [e, p] = s.useState(!1), E = !f && !a;
   return s.useEffect(() => {
     d(t != null);
   }, [t]), /* @__PURE__ */ n("div", {
-    className: j(p, f.container),
+    className: j(S, w.container),
     children: /* @__PURE__ */ N("div", {
-      className: f.contentAnswers,
+      className: w.contentAnswers,
       children: [!e && /* @__PURE__ */ n(C, {
-        ...v,
-        askSuggestedQuestion: c,
-        contentType: r,
+        ...D,
+        askSuggestedQuestion: m,
+        contentType: u,
         error: t,
-        hasRequestInProgress: a,
-        isErrorMessageShown: g,
-        questions: o,
-        recordAction: i,
-        setAskSuggestedQuestion: m,
+        hasRequestInProgress: c,
+        isErrorMessageShown: f,
+        isStreamingEnabled: o,
+        questions: i,
+        recordAction: r,
+        setAskSuggestedQuestion: g,
         setIsErrorMessageShown: d,
-        showLoadingIndicator: u,
-        suggestedQuestions: _,
-        useAnimation: x,
+        showLoadingIndicator: a,
+        suggestedQuestions: x,
+        useAnimation: o && b,
         userInfo: l
       }), e && /* @__PURE__ */ n(k, {
-        onAgentEditorToggle: E,
-        recordAction: i,
-        setIsDebugModeShown: S
-      }), D && /* @__PURE__ */ n(F, {
-        askSuggestedQuestion: c,
-        contentType: r,
-        enableDebugMode: h,
-        hasRequestInProgress: a,
-        isAgentSelectorEnabled: w,
+        onAgentEditorToggle: v,
+        recordAction: r,
+        setIsDebugModeShown: p
+      }), E && /* @__PURE__ */ n(F, {
+        askSuggestedQuestion: m,
+        contentType: u,
+        enableDebugMode: A,
+        hasRequestInProgress: c,
+        isAgentSelectorEnabled: h,
         isDebugModeShown: e,
-        isStreamingEnabled: b,
-        lastQuestion: o[o.length - 1],
-        onRetryQuestion: A,
-        onStopQuestion: M,
-        recordAction: i,
-        sendQuestion: Q,
-        setAskSuggestedQuestion: m,
+        isStreamingEnabled: o,
+        lastQuestion: i[i.length - 1],
+        onRetryQuestion: M,
+        onStopQuestion: Q,
+        recordAction: r,
+        sendQuestion: _,
+        setAskSuggestedQuestion: g,
         toggleDebugMode: () => {
-          S(!e);
+          p(!e);
         },
         user: l
       })]

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

@@ -1,110 +1,103 @@
 import "../../../../styles/answer.css";
-import { useBreakpoint as g, Breakpoint as x, Text as T } from "@box/blueprint-web";
-import { BoxAi as L, AlertTriangle as C } from "@box/blueprint-web-assets/icons/Line";
-import { Size5 as D, Size6 as F, Gray65 as k, Size4 as S } from "@box/blueprint-web-assets/tokens/tokens";
-import y from "clsx";
-import * as l from "react";
-import { useIntl as z } from "react-intl";
-import { A as r } from "../../../../chunks/types.js";
-import { MediaContainer as p } from "../common/media-container.js";
-import { AnswerContent as M } from "./answer-content.js";
-import { CopyButton as G } from "./copy-button.js";
-import { InlineError as b } from "./inline-error.js";
-import { LoadingElement as j } from "./loading-element.js";
-import f from "./messages.js";
-import { References as B } from "./references.js";
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-const U = "_answer_13vnd_9", W = "_alertIcon_13vnd_12", q = "_error_13vnd_15", H = "_footer_13vnd_19", J = "_animated_13vnd_24", K = "_heightExpand_13vnd_1", Q = "_iconAvatar_13vnd_28", o = {
-  answer: U,
-  alertIcon: W,
-  error: q,
-  footer: H,
-  animated: J,
-  heightExpand: K,
-  iconAvatar: Q
-}, V = /* @__PURE__ */ new Set([r.RATE_LIMITING, r.NO_CONTENT, r.PRECONDITION_FAILED, r.GENERAL]), Ee = /* @__PURE__ */ l.memo(({
-  answer: n,
-  citations: I,
-  error: e,
-  contentType: N,
-  handleScrollToBottom: a,
-  isCitationsEnabled: R = !1,
-  isCompleted: u = !1,
-  isLoading: w = !1,
-  isMarkdownEnabled: O = !1,
-  isStreamingEnabled: i = !1,
-  onCitationClick: P,
-  recordAction: c,
-  useAnimation: m = !0
+import { useBreakpoint as v, Breakpoint as P, Text as T } from "@box/blueprint-web";
+import { BoxAi as j, AlertTriangle as L } from "@box/blueprint-web-assets/icons/Line";
+import { Size5 as x, Size6 as D, Gray65 as F, Size4 as f } from "@box/blueprint-web-assets/tokens/tokens";
+import M from "clsx";
+import * as m from "react";
+import { useIntl as U } from "react-intl";
+import { A as t } from "../../../../chunks/types.js";
+import { MediaContainer as l } from "../common/media-container.js";
+import { AnswerContent as k } from "./answer-content.js";
+import { CopyButton as y } from "./copy-button.js";
+import { InlineError as z } from "./inline-error.js";
+import { LoadingElement as B } from "./loading-element.js";
+import d from "./messages.js";
+import { References as H } from "./references.js";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+const C = "_answer_17ojr_1", G = "_alertIcon_17ojr_4", b = "_error_17ojr_7", W = "_footer_17ojr_11", q = "_shouldUseAnimation_17ojr_16", J = "_shouldAnimateHeight_17ojr_20", K = "_iconAvatar_17ojr_24", r = {
+  answer: C,
+  alertIcon: G,
+  error: b,
+  footer: W,
+  shouldUseAnimation: q,
+  shouldAnimateHeight: J,
+  iconAvatar: K
+}, Q = /* @__PURE__ */ new Set([t.RATE_LIMITING, t.NO_CONTENT, t.PRECONDITION_FAILED, t.GENERAL]), po = /* @__PURE__ */ m.memo(({
+  answer: a,
+  citations: h,
+  error: o,
+  contentType: S,
+  isCitationsEnabled: u = !1,
+  isCompleted: s = !1,
+  isLoading: A = !1,
+  isMarkdownEnabled: I = !1,
+  onCitationClick: N,
+  recordAction: i,
+  useAnimation: R = !0
 }) => {
-  const E = l.useRef(!0), _ = V.has(e), h = w && !n && !e, {
-    formatMessage: d
-  } = z(), v = g() === x.Small ? D : F;
-  l.useEffect(() => {
-    if (E.current) {
-      E.current = !1;
-      return;
-    }
-    n && a && a(i ? "instant" : "smooth", i);
-  }, [n, a, i]);
-  const A = () => /* @__PURE__ */ s(T, {
+  const E = Q.has(o), p = A && !a && !o, [w, g] = m.useState(s), {
+    formatMessage: c
+  } = U(), _ = v() === P.Small ? x : D;
+  m.useEffect(() => {
+    setTimeout(() => g(s), 0);
+  }, [s]);
+  const O = () => /* @__PURE__ */ n(T, {
     as: "p",
-    className: o.error,
+    className: r.error,
     color: "textOnLightSecondary",
     "data-testid": "content-answers-error",
     variant: "caption",
-    children: [e === r.RESPONSE_INTERRUPTED && d(f.responseInterruptedError), e === r.RESPONSE_FAILED && d(f.responseFailedError), e === r.RESPONSE_STOPPED && d(f.responseStoppedError), e !== r.RESPONSE_STOPPED && /* @__PURE__ */ t(C, {
-      className: o.alertIcon,
-      color: k,
+    children: [o === t.RESPONSE_INTERRUPTED && c(d.responseInterruptedError), o === t.RESPONSE_FAILED && c(d.responseFailedError), o === t.RESPONSE_STOPPED && c(d.responseStoppedError), o !== t.RESPONSE_STOPPED && /* @__PURE__ */ e(L, {
+      className: r.alertIcon,
+      color: F,
       "data-testid": "content-answers-error-alert-icon",
-      height: S,
+      height: f,
       role: "presentation",
-      width: S
+      width: f
     })]
   });
-  return /* @__PURE__ */ s("div", {
+  return /* @__PURE__ */ n("div", {
     "aria-live": "polite",
-    className: o.answer,
+    className: r.answer,
     "data-testid": "content-answers-answer",
-    children: [!_ && !h && /* @__PURE__ */ s(p, {
-      children: [/* @__PURE__ */ t(p.Figure, {
-        children: /* @__PURE__ */ t("div", {
-          className: o.iconAvatar,
-          children: /* @__PURE__ */ t(L, {
-            height: v,
+    children: [!E && !p && /* @__PURE__ */ n(l, {
+      children: [/* @__PURE__ */ e(l.Figure, {
+        children: /* @__PURE__ */ e("div", {
+          className: r.iconAvatar,
+          children: /* @__PURE__ */ e(j, {
+            height: _,
             role: "presentation",
-            width: v
+            width: _
           })
         })
-      }), /* @__PURE__ */ s(p.Content, {
-        useAnimation: m,
-        children: [/* @__PURE__ */ t(M, {
-          answer: n,
-          isMarkdownEnabled: O
-        }), u && /* @__PURE__ */ s("div", {
-          className: y(o.footer, {
-            [o.animated]: m
+      }), /* @__PURE__ */ n(l.Content, {
+        children: [/* @__PURE__ */ e(k, {
+          answer: a,
+          isMarkdownEnabled: I
+        }), s && /* @__PURE__ */ n("div", {
+          className: M(r.footer, {
+            [r.shouldUseAnimation]: R,
+            [r.shouldAnimateHeight]: w
           }),
           "data-testid": "content-answers-answer-footer",
-          children: [e && A(), R && !e && /* @__PURE__ */ t(B, {
-            citations: I,
-            onCitationClick: P,
-            recordAction: c
-          }), /* @__PURE__ */ t(G, {
-            answer: n,
-            recordAction: c
+          children: [o && O(), u && !o && /* @__PURE__ */ e(H, {
+            citations: h,
+            onCitationClick: N,
+            recordAction: i
+          }), /* @__PURE__ */ e(y, {
+            answer: a,
+            recordAction: i
           })]
         })]
       })]
-    }), _ && /* @__PURE__ */ t(b, {
-      contentType: N,
-      error: e,
-      recordAction: c,
-      useAnimation: m
-    }), h && /* @__PURE__ */ t(j, {})]
+    }), E && /* @__PURE__ */ e(z, {
+      contentType: S,
+      error: o,
+      recordAction: i
+    }), p && /* @__PURE__ */ e(B, {})]
   });
 });
 export {
-  Ee as Answer,
-  Ee as default
+  po as Answer,
+  po as default
 };

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

@@ -1,35 +1,34 @@
 import "../../../../styles/inline-error.css";
-import { useBreakpoint as _, 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 a, Size6 as v } from "@box/blueprint-web-assets/tokens/tokens";
+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 g } from "react-intl";
+import { useIntl as v } from "react-intl";
 import { A as s } from "../../../../chunks/types.js";
-import { LOGGER_BASE_CONFIG as A } from "../common/constants.js";
+import { LOGGER_BASE_CONFIG as g } from "../common/constants.js";
 import { MediaContainer as l } from "../common/media-container.js";
 import t from "./messages.js";
 import { jsx as r, jsxs as f } from "react/jsx-runtime";
-const S = "_inlineError_ft07o_1", T = "_text_ft07o_4", I = "_icon_ft07o_14", R = "_iconAvatar_ft07o_18", i = {
-  inlineError: S,
-  text: T,
-  icon: I,
-  iconAvatar: R
-}, j = ({
+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 = ({
   error: n,
   contentType: c,
-  recordAction: o,
-  useAnimation: E
+  recordAction: o
 }) => {
   const {
     formatMessage: e
-  } = g();
+  } = v();
   d.useEffect(() => {
     o && o({
-      ...A,
+      ...g,
       target: "inlineError"
     });
   }, [o]);
-  const p = d.useCallback(() => {
+  const E = d.useCallback(() => {
     switch (n) {
       case s.RATE_LIMITING:
         return e(t.inlineRateLimitingErrorText);
@@ -42,7 +41,7 @@ const S = "_inlineError_ft07o_1", T = "_text_ft07o_4", I = "_icon_ft07o_14", R =
       default:
         return e(t.inlineErrorText);
     }
-  }, [c, n, e]), m = _() === h.Small ? a : v;
+  }, [c, n, e]), m = p() === _.Small ? a : N;
   return /* @__PURE__ */ r("div", {
     className: i.inlineError,
     "data-testid": "content-answers-inline-error",
@@ -51,7 +50,7 @@ const S = "_inlineError_ft07o_1", T = "_text_ft07o_4", I = "_icon_ft07o_14", R =
         variant: "center-aligned",
         children: /* @__PURE__ */ r("div", {
           className: i.iconAvatar,
-          children: /* @__PURE__ */ r(x, {
+          children: /* @__PURE__ */ r(u, {
             height: m,
             role: "presentation",
             width: m
@@ -59,25 +58,24 @@ const S = "_inlineError_ft07o_1", T = "_text_ft07o_4", I = "_icon_ft07o_14", R =
         })
       }), /* @__PURE__ */ f(l.Content, {
         shouldAddCard: !1,
-        useAnimation: E,
         variant: "error",
         children: [/* @__PURE__ */ r("div", {
           className: i.icon,
-          children: /* @__PURE__ */ r(N, {
+          children: /* @__PURE__ */ r(x, {
             height: a,
             role: "presentation",
             width: a
           })
-        }), /* @__PURE__ */ r(u, {
+        }), /* @__PURE__ */ r(h, {
           as: "p",
           className: i.text,
-          children: n && p()
+          children: n && E()
         })]
       })]
     })
   });
 };
 export {
-  j as InlineError,
-  j as default
+  z as InlineError,
+  z as default
 };

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

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

package/esm/lib/components/chat/chat.js

@@ -1,76 +1,67 @@
 import "../../../../styles/chat.css";
-import b from "lodash/throttle";
-import { useCallback as w } from "react";
-import { Answer as L } from "../answer/answer.js";
-import { Question as N } from "../question/question.js";
-import { SuggestedQuestions as W } from "../suggested-questions/suggested-questions.js";
-import { WelcomeMessage as k } from "../welcome-message/welcome-message.js";
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-const q = "_chat_fj1ue_1", z = {
-  chat: q
-}, M = ({
-  askSuggestedQuestion: e,
-  handleScrollToBottom: i,
-  hasRequestInProgress: l,
-  isCitationsEnabled: n,
+import { Answer as w } from "../answer/answer.js";
+import { Question as C } from "../question/question.js";
+import { SuggestedQuestions as L } from "../suggested-questions/suggested-questions.js";
+import { WelcomeMessage as N } from "../welcome-message/welcome-message.js";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+const W = "_chat_fj1ue_1", b = {
+  chat: W
+}, G = ({
+  askSuggestedQuestion: c,
+  hasRequestInProgress: e,
+  isCitationsEnabled: m,
   isMarkdownEnabled: s,
-  isStreamingEnabled: h,
-  onCitationClick: p,
-  questions: d,
+  onCitationClick: h,
+  questions: p,
   recordAction: o,
   setAskSuggestedQuestion: r,
-  suggestedQuestions: m,
-  suggestedQuestionsRequestState: f,
-  useAnimation: u,
-  userInfo: T,
-  ...a
-}) => {
-  const j = w(b(i, 150), []);
-  return /* @__PURE__ */ c("div", {
-    className: z.chat,
-    "data-testid": "content-answers-chat",
-    children: [/* @__PURE__ */ t(k, {
-      ...a
-    }), m !== void 0 && r !== void 0 && /* @__PURE__ */ t(W, {
-      askSuggestedQuestion: e,
-      isLoading: l,
-      recordAction: o,
-      setAskSuggestedQuestion: r,
-      suggestedQuestions: m,
-      suggestedQuestionsRequestState: f
-    }), /* @__PURE__ */ t("ul", {
-      children: d.map(({
-        answer: v,
-        citations: x,
-        id: y,
-        isCompleted: _,
-        isLoading: B,
-        error: C,
-        prompt: S
-      }) => /* @__PURE__ */ c("li", {
-        children: [/* @__PURE__ */ t(N, {
-          prompt: S,
-          userInfo: T
-        }), /* @__PURE__ */ t(L, {
-          answer: v,
-          citations: x,
-          contentType: a.contentType,
-          error: C,
-          handleScrollToBottom: j,
-          isCitationsEnabled: n,
-          isCompleted: _,
-          isLoading: B,
-          isMarkdownEnabled: s,
-          isStreamingEnabled: h,
-          onCitationClick: p,
-          recordAction: o,
-          useAnimation: u
-        })]
-      }, y))
-    })]
-  });
-};
+  suggestedQuestions: a,
+  suggestedQuestionsRequestState: d,
+  useAnimation: l,
+  userInfo: f,
+  ...i
+}) => /* @__PURE__ */ n("div", {
+  className: b.chat,
+  "data-testid": "content-answers-chat",
+  children: [/* @__PURE__ */ t(N, {
+    ...i
+  }), a !== void 0 && r !== void 0 && /* @__PURE__ */ t(L, {
+    askSuggestedQuestion: c,
+    isLoading: e,
+    recordAction: o,
+    setAskSuggestedQuestion: r,
+    suggestedQuestions: a,
+    suggestedQuestionsRequestState: d
+  }), /* @__PURE__ */ t("ul", {
+    children: p.map(({
+      answer: j,
+      citations: u,
+      id: v,
+      isCompleted: x,
+      isLoading: y,
+      error: _,
+      prompt: T
+    }) => /* @__PURE__ */ n("li", {
+      children: [/* @__PURE__ */ t(C, {
+        prompt: T,
+        userInfo: f
+      }), /* @__PURE__ */ t(w, {
+        answer: j,
+        citations: u,
+        contentType: i.contentType,
+        error: _,
+        isCitationsEnabled: m,
+        isCompleted: x,
+        isLoading: y,
+        isMarkdownEnabled: s,
+        onCitationClick: h,
+        recordAction: o,
+        useAnimation: l
+      })]
+    }, v))
+  })]
+});
 export {
-  M as Chat,
-  M as default
+  G as Chat,
+  G as default
 };

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

@@ -1,48 +1,42 @@
 import "../../../../styles/media-container.css";
 import { Card as s } from "@box/blueprint-web";
-import n from "clsx";
-import { jsx as r } from "react/jsx-runtime";
-const _ = "_mediaContainer_ydawk_9", c = "_question_ydawk_15", m = "_body_ydawk_18", u = "_animated_ydawk_25", y = "_heightExpand_ydawk_1", g = "_error_ydawk_29", l = "_figure_ydawk_42", e = {
-  mediaContainer: _,
-  question: c,
-  body: m,
-  animated: u,
-  heightExpand: y,
-  error: g,
-  figure: l,
-  "center-aligned": "_center-aligned_ydawk_49",
-  "top-aligned": "_top-aligned_ydawk_53"
-}, p = ({
-  children: a,
+import o from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+const d = "_mediaContainer_1x69w_1", _ = "_question_1x69w_7", c = "_body_1x69w_10", m = "_error_1x69w_17", u = "_figure_1x69w_30", r = {
+  mediaContainer: d,
+  question: _,
+  body: c,
+  error: m,
+  figure: u,
+  "center-aligned": "_center-aligned_1x69w_37",
+  "top-aligned": "_top-aligned_1x69w_41"
+}, g = ({
+  children: e,
   className: t
-}) => /* @__PURE__ */ r("div", {
-  className: n(e.mediaContainer, e[t]),
+}) => /* @__PURE__ */ n("div", {
+  className: o(r.mediaContainer, r[t]),
   "data-testid": "content-answers-grid-card",
-  children: a
-}), i = p;
+  children: e
+}), i = g;
 i.Figure = ({
-  children: a,
+  children: e,
   variant: t
-}) => /* @__PURE__ */ r("div", {
-  className: n(e.figure, e[t]),
-  children: a
+}) => /* @__PURE__ */ n("div", {
+  className: o(r.figure, r[t]),
+  children: e
 });
 i.Content = ({
-  children: a,
+  children: e,
   variant: t,
-  shouldAddCard: d = !0,
-  useAnimation: o = !0
-}) => /* @__PURE__ */ r("div", {
-  className: n(e.body, e[t]),
-  children: d ? /* @__PURE__ */ r(s, {
-    className: n({
-      [e.animated]: o
-    }),
-    children: a
-  }) : a
+  shouldAddCard: a = !0
+}) => /* @__PURE__ */ n("div", {
+  className: o(r.body, r[t]),
+  children: a ? /* @__PURE__ */ n(s, {
+    children: e
+  }) : e
 });
 export {
   i as MediaContainer,
-  p as MediaContainerBase,
+  g as MediaContainerBase,
   i as default
 };

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

@@ -1,94 +1,110 @@
 import "../../../../styles/content.css";
-import { LoadingIndicator as v } from "@box/blueprint-web";
-import w from "clsx";
+import { LoadingIndicator as M } from "@box/blueprint-web";
+import j from "clsx";
 import * as t from "react";
-import { useIntl as M } from "react-intl";
-import j from "../../messages.js";
-import { Chat as k } from "../chat/chat.js";
-import { ModalError as H } from "../modal-error/modal-error.js";
+import { useIntl as k } from "react-intl";
+import y from "../../messages.js";
+import { Chat as H } from "../chat/chat.js";
+import { ModalError as O } from "../modal-error/modal-error.js";
 import { jsx as e, jsxs as T, Fragment as V } from "react/jsx-runtime";
-const y = "_loadingIndicatorWrapper_12a8t_1", z = "_content_12a8t_5", B = "_isLoading_12a8t_12", F = "_messagesEnd_12a8t_16", r = {
-  loadingIndicatorWrapper: y,
-  content: z,
-  isLoading: B,
-  messagesEnd: F
-}, Y = ({
-  error: m,
-  hasRequestInProgress: a = !1,
-  isErrorMessageShown: u = !1,
-  setIsErrorMessageShown: g,
-  onModalClose: p,
-  questions: _,
-  recordAction: d,
-  showLoadingIndicator: f = !1,
+const B = "_loadingIndicatorWrapper_12a8t_1", F = "_content_12a8t_5", S = "_isLoading_12a8t_12", A = "_messagesEnd_12a8t_16", a = {
+  loadingIndicatorWrapper: B,
+  content: F,
+  isLoading: S,
+  messagesEnd: A
+}, Z = ({
+  error: p,
+  hasRequestInProgress: c = !1,
+  isErrorMessageShown: g = !1,
+  isStreamingEnabled: l = !1,
+  setIsErrorMessageShown: _,
+  onModalClose: h,
+  questions: v,
+  recordAction: u,
+  showLoadingIndicator: m = !1,
   userInfo: E,
-  suggestedQuestions: h,
-  askSuggestedQuestion: I,
-  setAskSuggestedQuestion: x,
-  useAnimation: C,
+  suggestedQuestions: R,
+  askSuggestedQuestion: b,
+  setAskSuggestedQuestion: C,
+  useAnimation: I,
   ...L
 }) => {
-  const o = t.useRef(null), s = t.useRef(null), l = t.useRef(null), {
-    formatMessage: N
-  } = M(), n = t.useCallback((c, i = !1) => {
-    s.current && s.current.scrollIntoView && o.current && (!i || !l.current) && s.current.scrollIntoView({
-      behavior: c,
+  const d = t.useRef(null), i = t.useRef(null), f = t.useRef(null), s = t.useRef(!0), {
+    formatMessage: w
+  } = k(), r = t.useCallback((n) => {
+    f.current && f.current.scrollIntoView && i.current && (!l || s.current) && f.current.scrollIntoView({
+      behavior: n,
       block: "nearest"
     });
-  }, []), R = () => {
-    if (o.current) {
+  }, [l]), x = () => {
+    if (i.current) {
       const {
-        scrollTop: c,
-        clientHeight: i,
+        scrollTop: n,
+        clientHeight: o,
         scrollHeight: W
-      } = o.current, b = W - (c + i);
-      l.current = b > 5;
+      } = i.current, z = W - (n + o);
+      if (c && z > 100) {
+        s.current = !1;
+        return;
+      }
+      s.current = !0;
     }
   };
   t.useEffect(() => {
-    n("instant");
-  }, [n]), t.useEffect(() => {
-    a && (l.current = !1, n("instant"));
-  }, [n, a]);
-  const S = () => u ? /* @__PURE__ */ e(H, {
-    clearError: () => g(!1),
-    error: m,
-    onModalClose: p,
-    recordAction: d
-  }) : f ? /* @__PURE__ */ e("div", {
-    className: r.loadingIndicatorWrapper,
-    children: /* @__PURE__ */ e(v, {
-      "aria-label": N(j.loading),
-      className: r.loadingIndicator,
+    c && (s.current = !0, r("instant"));
+  }, [r, c]), t.useEffect(() => {
+    s.current = !0, r("instant");
+  }, [r]), t.useLayoutEffect(() => {
+    if (!d.current)
+      return;
+    const n = new ResizeObserver(() => {
+      r(l ? "instant" : "smooth");
+    }), o = d.current;
+    return o && n.observe(o), () => {
+      o && n.unobserve(o);
+    };
+  }, [r, l]);
+  const N = () => g ? /* @__PURE__ */ e(O, {
+    clearError: () => _(!1),
+    error: p,
+    onModalClose: h,
+    recordAction: u
+  }) : m ? /* @__PURE__ */ e("div", {
+    className: a.loadingIndicatorWrapper,
+    children: /* @__PURE__ */ e(M, {
+      "aria-label": w(y.loading),
+      className: a.loadingIndicator,
       "data-testid": "content-answers-modal-loading-indicator",
       size: "large"
     })
   }) : /* @__PURE__ */ T(V, {
-    children: [/* @__PURE__ */ e(k, {
-      askSuggestedQuestion: I,
-      handleScrollToBottom: n,
-      hasRequestInProgress: a,
-      questions: _,
-      recordAction: d,
-      setAskSuggestedQuestion: x,
-      suggestedQuestions: h,
-      useAnimation: C,
+    children: [/* @__PURE__ */ e(H, {
+      askSuggestedQuestion: b,
+      hasRequestInProgress: c,
+      questions: v,
+      recordAction: u,
+      setAskSuggestedQuestion: C,
+      suggestedQuestions: R,
+      useAnimation: I,
       userInfo: E,
       ...L
     }), /* @__PURE__ */ e("div", {
-      ref: s,
-      className: r.messagesEnd
+      ref: f,
+      className: a.messagesEnd
     })]
   });
   return /* @__PURE__ */ e("div", {
-    ref: o,
-    className: w(r.content, f ? r.isLoading : null),
+    ref: i,
+    className: j(a.content, m ? a.isLoading : null),
     "data-testid": "content-answers-content",
-    onScroll: R,
-    children: S()
+    onScroll: x,
+    children: /* @__PURE__ */ e("div", {
+      ref: d,
+      children: N()
+    })
   });
 };
 export {
-  Y as Content,
-  Y as default
+  Z as Content,
+  Z as default
 };

package/esm/lib/components/question/question.js

@@ -1,41 +1,39 @@
 import "../../../../styles/question.css";
-import { useBreakpoint as c, Avatar as d, Breakpoint as u, Text as p } from "@box/blueprint-web";
-import { useIntl as x } from "react-intl";
-import h from "../../messages.js";
+import { useBreakpoint as m, Avatar as c, Breakpoint as d, Text as u } from "@box/blueprint-web";
+import { useIntl as p } from "react-intl";
+import x from "../../messages.js";
 import { MediaContainer as e } from "../common/media-container.js";
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
-const v = "_question_1menh_1", q = "_text_1menh_5", s = {
-  question: v,
-  text: q
-}, j = ({
+import { jsx as t, jsxs as h } from "react/jsx-runtime";
+const f = "_question_1menh_1", v = "_text_1menh_5", s = {
+  question: f,
+  text: v
+}, N = ({
   prompt: a,
-  userInfo: o,
-  useAnimation: n
+  userInfo: o
 }) => {
   const {
-    avatarURL: r,
-    name: i
-  } = o, l = c(), {
-    formatMessage: m
-  } = x();
+    avatarURL: n,
+    name: r
+  } = o, i = m(), {
+    formatMessage: l
+  } = p();
   return /* @__PURE__ */ t("div", {
     className: s.question,
     "data-testid": "content-answers-question",
-    children: /* @__PURE__ */ f(e, {
+    children: /* @__PURE__ */ h(e, {
       className: "question",
       children: [/* @__PURE__ */ t(e.Figure, {
         variant: "top-aligned",
-        children: /* @__PURE__ */ t(d, {
-          alt: m(h.userAvatar),
+        children: /* @__PURE__ */ t(c, {
+          alt: l(x.userAvatar),
           colorIndex: 0,
-          size: l === u.Small ? "small" : "large",
-          src: r || void 0,
-          text: i.charAt(0)
+          size: i === d.Small ? "small" : "large",
+          src: n || void 0,
+          text: r.charAt(0)
         })
       }), /* @__PURE__ */ t(e.Content, {
         shouldAddCard: !1,
-        useAnimation: n,
-        children: /* @__PURE__ */ t(p, {
+        children: /* @__PURE__ */ t(u, {
           as: "span",
           className: s.text,
           children: a
@@ -45,6 +43,6 @@ const v = "_question_1menh_1", q = "_text_1menh_5", s = {
   });
 };
 export {
-  j as Question,
-  j as default
+  N as Question,
+  N as default
 };

package/esm/lib/components/welcome-message/welcome-message.js

@@ -1,28 +1,27 @@
 import "../../../../styles/welcome-message.css";
-import { InlineNotice as g, Text as a } from "@box/blueprint-web";
-import { BoxAi as w } from "@box/blueprint-web-assets/icons/Line";
+import { InlineNotice as p, Text as a } from "@box/blueprint-web";
+import { BoxAi as g } from "@box/blueprint-web-assets/icons/Line";
 import { Size6 as c } from "@box/blueprint-web-assets/tokens/tokens";
-import { useIntl as f } from "react-intl";
+import { useIntl as w } from "react-intl";
 import { MediaContainer as n } from "../common/media-container.js";
 import i from "./messages.js";
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
-const _ = "_welcomeMessage_1px1f_1", T = "_askQuestionText_1px1f_4", u = "_clearChatText_1px1f_8", v = "_warningNotice_1px1f_12", N = "_iconAvatar_1px1f_15", t = {
-  welcomeMessage: _,
-  askQuestionText: T,
-  clearChatText: u,
-  warningNotice: v,
-  iconAvatar: N
-}, j = ({
+const f = "_welcomeMessage_1px1f_1", _ = "_askQuestionText_1px1f_4", T = "_clearChatText_1px1f_8", u = "_warningNotice_1px1f_12", v = "_iconAvatar_1px1f_15", t = {
+  welcomeMessage: f,
+  askQuestionText: _,
+  clearChatText: T,
+  warningNotice: u,
+  iconAvatar: v
+}, I = ({
   contentName: l,
   contentType: m,
   warningNotice: r,
   warningNoticeAriaLabel: d,
-  welcomeMessageClearText: h,
-  useAnimation: x
+  welcomeMessageClearText: h
 }) => {
   const {
     formatMessage: s
-  } = f(), p = r && /* @__PURE__ */ e(g, {
+  } = w(), x = r && /* @__PURE__ */ e(p, {
     className: t.warningNotice,
     "data-testid": "content-answers-warning-notice",
     variant: "warning",
@@ -40,15 +39,14 @@ const _ = "_welcomeMessage_1px1f_1", T = "_askQuestionText_1px1f_4", u = "_clear
       children: [/* @__PURE__ */ e(n.Figure, {
         children: /* @__PURE__ */ e("div", {
           className: t.iconAvatar,
-          children: /* @__PURE__ */ e(w, {
+          children: /* @__PURE__ */ e(g, {
             height: c,
             role: "presentation",
             width: c
           })
         })
       }), /* @__PURE__ */ o(n.Content, {
-        useAnimation: x,
-        children: [p, /* @__PURE__ */ e(a, {
+        children: [x, /* @__PURE__ */ e(a, {
           as: "h1",
           className: t.title,
           variant: "titleSmall",
@@ -73,6 +71,6 @@ const _ = "_welcomeMessage_1px1f_1", T = "_askQuestionText_1px1f_4", u = "_clear
   });
 };
 export {
-  j as WelcomeMessage,
-  j as default
+  I as WelcomeMessage,
+  I as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/box-ai-content-answers",
-  "version": "0.57.0",
+  "version": "0.57.2",
   "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.32.1",
+    "@box/blueprint-web": "^7.33.0",
     "@box/blueprint-web-assets": "^4.27.0",
     "@box/storybook-utils": "^0.6.1",
     "@testing-library/react": "^15.0.6",
@@ -52,5 +52,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "186037ff79d3ae07cc0cd07ff075e07fa916a0c1"
+  "gitHead": "655a58b8accd00ab49186551834a7a0c7b9237f4"
 }

package/styles/answer.css

@@ -1 +1 @@
-@keyframes _heightExpand_13vnd_1{0%{max-height:0}to{max-height:5000px}}._answer_13vnd_9{white-space:pre-wrap}._answer_13vnd_9 ._alertIcon_13vnd_12{margin-left:.5rem}._answer_13vnd_9 ._error_13vnd_15{display:flex;align-items:center}._answer_13vnd_9 ._footer_13vnd_19{display:flex;justify-content:space-between;margin-top:.75rem}._answer_13vnd_9 ._footer_13vnd_19._animated_13vnd_24{overflow-y:hidden;animation:_heightExpand_13vnd_1 .4s ease-in-out}._answer_13vnd_9 ._iconAvatar_13vnd_28{display:flex;align-items:center;justify-content:center;width:var(--size-8);height:var(--size-8);border-radius:50%}@media (max-width: 374px){._answer_13vnd_9 ._iconAvatar_13vnd_28{width:var(--size-6);height:var(--size-6)}}
+._answer_17ojr_1{white-space:pre-wrap}._answer_17ojr_1 ._alertIcon_17ojr_4{margin-left:.5rem}._answer_17ojr_1 ._error_17ojr_7{display:flex;align-items:center}._answer_17ojr_1 ._footer_17ojr_11{display:flex;justify-content:space-between;margin-top:.75rem}._answer_17ojr_1 ._footer_17ojr_11._shouldUseAnimation_17ojr_16{max-height:0;overflow-y:hidden}._answer_17ojr_1 ._footer_17ojr_11._shouldUseAnimation_17ojr_16._shouldAnimateHeight_17ojr_20{max-height:200px;transition:max-height 1s ease-in}._answer_17ojr_1 ._iconAvatar_17ojr_24{display:flex;align-items:center;justify-content:center;width:var(--size-8);height:var(--size-8);border-radius:50%}@media (max-width: 374px){._answer_17ojr_1 ._iconAvatar_17ojr_24{width:var(--size-6);height:var(--size-6)}}

package/styles/media-container.css

@@ -1 +1 @@
-@keyframes _heightExpand_ydawk_1{0%{max-height:0}to{max-height:5000px}}._mediaContainer_ydawk_9{margin-top:1rem;margin-bottom:1.5rem;align-items:flex-start;display:flex}._mediaContainer_ydawk_9._question_ydawk_15{align-items:center}._mediaContainer_ydawk_9 ._body_ydawk_18{word-wrap:break-word;flex:1 1 100%;min-width:0;overflow-wrap:break-word;word-break:break-word}._mediaContainer_ydawk_9 ._body_ydawk_18 ._animated_ydawk_25{overflow-y:hidden;animation:_heightExpand_ydawk_1 .4s ease-in-out}._mediaContainer_ydawk_9 ._body_ydawk_18._error_ydawk_29{display:flex;align-items:center;padding:.75rem 1rem;background-color:#fdebee;border:.125rem solid #f69bab;border-radius:.75rem}@media (max-width: 767px){._mediaContainer_ydawk_9 ._body_ydawk_18._error_ydawk_29{flex-wrap:wrap}}._mediaContainer_ydawk_9 ._figure_ydawk_42{align-self:flex-start;flex:0 0 auto;justify-self:flex-start;margin:.75rem .75rem 0 0;padding:0}._mediaContainer_ydawk_9 ._figure_ydawk_42._center-aligned_ydawk_49{align-self:center;margin:0 .75rem 0 0}._mediaContainer_ydawk_9 ._figure_ydawk_42._top-aligned_ydawk_53{align-self:top;margin:0 .75rem 0 0}
+._mediaContainer_1x69w_1{margin-top:1rem;margin-bottom:1.5rem;align-items:flex-start;display:flex}._mediaContainer_1x69w_1._question_1x69w_7{align-items:center}._mediaContainer_1x69w_1 ._body_1x69w_10{word-wrap:break-word;flex:1 1 100%;min-width:0;overflow-wrap:break-word;word-break:break-word}._mediaContainer_1x69w_1 ._body_1x69w_10._error_1x69w_17{display:flex;align-items:center;padding:.75rem 1rem;background-color:#fdebee;border:.125rem solid #f69bab;border-radius:.75rem}@media (max-width: 767px){._mediaContainer_1x69w_1 ._body_1x69w_10._error_1x69w_17{flex-wrap:wrap}}._mediaContainer_1x69w_1 ._figure_1x69w_30{align-self:flex-start;flex:0 0 auto;justify-self:flex-start;margin:.75rem .75rem 0 0;padding:0}._mediaContainer_1x69w_1 ._figure_1x69w_30._center-aligned_1x69w_37{align-self:center;margin:0 .75rem 0 0}._mediaContainer_1x69w_1 ._figure_1x69w_30._top-aligned_1x69w_41{align-self:top;margin:0 .75rem 0 0}

package/types/lib/components/answer/answer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ANSWER_ERROR, type CitationResponseRecordType, type CitationType, type HandleScrollToBottomType, type RecordActionType } from '../../types';
+import { ANSWER_ERROR, type CitationResponseRecordType, type CitationType, type RecordActionType } from '../../types';
 export interface AnswerProps {
     answer?: string;
     /** Citations list */
@@ -8,8 +8,6 @@ export interface AnswerProps {
     error?: ANSWER_ERROR;
     /** Content name used in some of the error messages */
     contentType: string;
-    /** Callback function to handle the scroll bottom when an answer is updated */
-    handleScrollToBottom?: HandleScrollToBottomType;
     /** Whether if the answer supports citations or not */
     isCitationsEnabled?: boolean;
     /** Whether if the answer finished loading (used to show the references and the copy button) */
@@ -18,8 +16,6 @@ export interface AnswerProps {
     isLoading?: boolean;
     /** Whether the answer supports markdown */
     isMarkdownEnabled?: boolean;
-    /** Whether if the client supports streaming or not */
-    isStreamingEnabled?: boolean;
     /** Callback function when citation button is clicked */
     onCitationClick?: (fileId: CitationResponseRecordType, title: CitationResponseRecordType) => void;
     /** Callback function to handle logging events */

package/types/lib/components/answer/inline-error.d.ts

@@ -3,7 +3,6 @@ export type InlineErrorProps = {
     error: string | null;
     contentType: string;
     recordAction?: (params: RecordActionType) => void;
-    useAnimation?: boolean;
 };
-export declare const InlineError: ({ error, contentType, recordAction, useAnimation }: InlineErrorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InlineError: ({ error, contentType, recordAction }: InlineErrorProps) => import("react/jsx-runtime").JSX.Element;
 export default InlineError;

package/types/lib/components/answer/loading-element.d.ts

@@ -1,5 +1,2 @@
-export interface LoadingElementProps {
-    useAnimation?: boolean;
-}
-export declare const LoadingElement: ({ useAnimation }: LoadingElementProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LoadingElement: () => import("react/jsx-runtime").JSX.Element;
 export default LoadingElement;

package/types/lib/components/chat/chat.d.ts

@@ -1,3 +1,3 @@
 import { type ChatProps } from '../../types';
-export declare const Chat: ({ askSuggestedQuestion, handleScrollToBottom, hasRequestInProgress, isCitationsEnabled, isMarkdownEnabled, isStreamingEnabled, onCitationClick, questions, recordAction, setAskSuggestedQuestion, suggestedQuestions, suggestedQuestionsRequestState, useAnimation, userInfo, ...welcomeMessageProps }: ChatProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Chat: ({ askSuggestedQuestion, hasRequestInProgress, isCitationsEnabled, isMarkdownEnabled, onCitationClick, questions, recordAction, setAskSuggestedQuestion, suggestedQuestions, suggestedQuestionsRequestState, useAnimation, userInfo, ...welcomeMessageProps }: ChatProps) => import("react/jsx-runtime").JSX.Element;
 export default Chat;

package/types/lib/components/common/media-container.d.ts

@@ -11,7 +11,6 @@ type ContentProps = {
     children?: React.ReactNode;
     variant?: string;
     shouldAddCard?: boolean;
-    useAnimation?: boolean;
 };
 export declare const MediaContainerBase: React.FC<Props>;
 export declare const MediaContainer: React.FC<Props> & {

package/types/lib/components/content/content.d.ts

@@ -1,4 +1,4 @@
 import { type ContentProps } from '../../types';
-export declare const Content: ({ error, hasRequestInProgress, isErrorMessageShown, setIsErrorMessageShown, onModalClose, questions, recordAction, showLoadingIndicator, userInfo, suggestedQuestions, askSuggestedQuestion, setAskSuggestedQuestion, useAnimation, ...rest }: ContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Content: ({ error, hasRequestInProgress, isErrorMessageShown, isStreamingEnabled, setIsErrorMessageShown, onModalClose, questions, recordAction, showLoadingIndicator, userInfo, suggestedQuestions, askSuggestedQuestion, setAskSuggestedQuestion, useAnimation, ...rest }: ContentProps) => import("react/jsx-runtime").JSX.Element;
 export { type ContentProps };
 export default Content;

package/types/lib/components/question/question.d.ts

@@ -4,8 +4,6 @@ export interface QuestionProps {
     prompt?: string;
     /** User information consisting on their name and an optional avatar */
     userInfo: UserInfoType;
-    /** If keyframe animation should be applied to chat elements; defaults to true */
-    useAnimation?: boolean;
 }
-export declare const Question: ({ prompt, userInfo, useAnimation }: QuestionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Question: ({ prompt, userInfo }: QuestionProps) => import("react/jsx-runtime").JSX.Element;
 export default Question;

package/types/lib/components/welcome-message/welcome-message.d.ts

@@ -1,3 +1,3 @@
 import { type WelcomeMessageProps } from '../../types';
-export declare const WelcomeMessage: ({ contentName, contentType, warningNotice, warningNoticeAriaLabel, welcomeMessageClearText, useAnimation, }: WelcomeMessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WelcomeMessage: ({ contentName, contentType, warningNotice, warningNoticeAriaLabel, welcomeMessageClearText, }: WelcomeMessageProps) => import("react/jsx-runtime").JSX.Element;
 export default WelcomeMessage;

package/types/lib/types.d.ts

@@ -47,8 +47,6 @@ export type ChatProps = WelcomeMessageProps & {
     isDebugModeEnabled?: boolean;
     /** Whether if the client supports streaming or not */
     isStreamingEnabled?: boolean;
-    /** Callback function to handle the scroll bottom when an answer is updated */
-    handleScrollToBottom: HandleScrollToBottomType;
     /** Question list */
     questions: QuestionType[];
     /** Callback function to handle logging events */