@box/box-ai-content-answers 0.156.3 → 0.158.0

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

@@ -1,171 +1,183 @@
-import { Text as K } from "@box/blueprint-web";
+import { Text as N } from "@box/blueprint-web";
 import { AlertTriangle as Q } from "@box/blueprint-web-assets/icons/Line";
 import { Gray65 as X, Size4 as I } from "@box/blueprint-web-assets/tokens/tokens";
-import S from "clsx";
-import { memo as Y, useState as Z, useEffect as g, useMemo as $ } from "react";
+import w from "clsx";
+import { memo as Y, useState as Z, useEffect as T, useMemo as $ } from "react";
 import { useIntl as tt } from "react-intl";
 import { A as r } from "../../../../chunks/types.js";
 import { injectInlineCitation as ot } from "../../utils/inlineCitationsUtils.js";
-import { MediaContainer as R } from "../common/media-container.js";
+import { MediaContainer as S } from "../common/media-container.js";
+import { BoxAILoadingIndicator as nt } from "../thinkingBubble/boxAILoadingIndicator.js";
 import { AnswerContent as et } from "./answer-content.js";
-import { CopyButton as nt } from "./copy-button.js";
-import { InlineError as rt } from "./inline-error.js";
-import { LoadingIndicator as st } from "./loading-indicator.js";
-import f from "./messages.js";
+import { CopyButton as rt } from "./copy-button.js";
+import { InlineError as st } from "./inline-error.js";
+import u from "./messages.js";
 import { References as at } from "./references.js";
 import { ThumbButtons as it } from "./thumb-buttons.js";
-import { jsxs as l, jsx as n } from "react/jsx-runtime";
-import '../../../../styles/answer.css';const ct = "_answer_140hd_1", lt = "_alertIcon_140hd_5", dt = "_error_140hd_8", ut = "_footer_140hd_12", ft = "_copyButtonContainer_140hd_18", mt = "_feedbackButtonsContainer_140hd_19", _t = "_shouldHaveMarginTop_140hd_23", ht = "_shouldUseAnimation_140hd_26", Et = "_shouldAnimateHeight_140hd_30", pt = "_footerButtons_140hd_34", Nt = "_iconAvatar_140hd_40", It = "_buttonsVisible_140hd_56", o = {
-  answer: ct,
-  alertIcon: lt,
-  error: dt,
-  footer: ut,
-  copyButtonContainer: ft,
-  feedbackButtonsContainer: mt,
-  shouldHaveMarginTop: _t,
-  shouldUseAnimation: ht,
-  shouldAnimateHeight: Et,
-  footerButtons: pt,
-  iconAvatar: Nt,
-  buttonsVisible: It
-}, St = /* @__PURE__ */ new Set([r.RATE_LIMITING, r.NO_CONTENT, r.PRECONDITION_FAILED, r.GENERAL, r.AGENT_NOT_FOUND]), xt = /* @__PURE__ */ Y(({
-  answer: t,
-  citations: T,
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import '../../../../styles/answer.css';const lt = "_answer_rp7w7_1", ct = "_loadingContainer_rp7w7_5", dt = "_loadingText_rp7w7_12", ut = "_fadeIn_rp7w7_1", _t = "_alertIcon_rp7w7_21", ft = "_error_rp7w7_24", mt = "_footer_rp7w7_28", pt = "_copyButtonContainer_rp7w7_34", ht = "_feedbackButtonsContainer_rp7w7_35", Et = "_shouldHaveMarginTop_rp7w7_39", gt = "_shouldUseAnimation_rp7w7_42", Nt = "_shouldAnimateHeight_rp7w7_46", It = "_footerButtons_rp7w7_50", wt = "_iconAvatar_rp7w7_56", Tt = "_buttonsVisible_rp7w7_72", t = {
+  answer: lt,
+  loadingContainer: ct,
+  loadingText: dt,
+  fadeIn: ut,
+  alertIcon: _t,
+  error: ft,
+  footer: mt,
+  copyButtonContainer: pt,
+  feedbackButtonsContainer: ht,
+  shouldHaveMarginTop: Et,
+  shouldUseAnimation: gt,
+  shouldAnimateHeight: Nt,
+  footerButtons: It,
+  iconAvatar: wt,
+  buttonsVisible: Tt
+}, St = /* @__PURE__ */ new Set([r.RATE_LIMITING, r.NO_CONTENT, r.PRECONDITION_FAILED, r.GENERAL, r.AGENT_NOT_FOUND]), Vt = /* @__PURE__ */ Y(({
+  answer: o,
+  citations: R,
   error: e,
   contentType: A,
-  hostAppName: d,
+  hostAppName: _,
   feedbackValue: O,
-  isCitationsEnabled: b = !1,
+  isCitationsEnabled: B = !1,
   isCompleted: s = !1,
-  isFeedbackEnabled: B = !1,
-  isFeedbackFormEnabled: P,
-  isFeedbackTooltipOpen: m,
-  isInlineCitationsEnabled: _ = !1,
-  isLoading: w = !1,
-  isMarkdownEnabled: C = !1,
+  isFeedbackEnabled: b = !1,
+  isFeedbackFormEnabled: C,
+  isFeedbackTooltipOpen: f,
+  isInlineCitationsEnabled: m = !1,
+  isLoading: P = !1,
+  isMarkdownEnabled: x = !1,
   items: a = [],
-  onAnswerCopy: M,
-  onCitationClick: v,
+  onAnswerCopy: v,
+  onCitationClick: M,
   onFeedbackFormSubmit: y,
   onFeedbackTooltipOpenChange: D,
-  prompt: F,
-  promptType: H,
+  prompt: L,
+  promptType: F,
   recordAction: i,
-  shouldFeedbackFormIncludeFeedbackText: L,
+  shouldFeedbackFormIncludeFeedbackText: H,
   shouldFeedbackIncludePromptData: U,
-  useAnimation: x = !0,
-  variant: c = "modal",
-  isReactMarkdownEnabled: k,
-  setAnswerFeedback: G,
-  questionId: V
+  useAnimation: k = !0,
+  variant: l = "modal",
+  isReactMarkdownEnabled: G,
+  setAnswerFeedback: V,
+  questionId: j
 }) => {
-  const h = St.has(e), E = w && !t && !e, [j, z] = Z(s), {
-    formatMessage: u
+  const p = St.has(e), h = P && !o && !e, [z, q] = Z(s), {
+    formatMessage: d
   } = tt();
-  g(() => {
-    t && i && s && a.some((J) => t.includes(J.name)) && i({
+  T(() => {
+    o && i && s && a.some((K) => o.includes(K.name)) && i({
       action: "programmatic",
-      component: c,
+      component: l,
       feature: "answers",
       target: "links_detected",
       data: {
-        hostAppName: d,
+        hostAppName: _,
         linkCount: a.length,
         fileNameCount: a.length
       }
     });
-  }, [t, c, d, s, i, a]), g(() => {
-    setTimeout(() => z(s), 0);
+  }, [o, l, _, s, i, a]), T(() => {
+    setTimeout(() => q(s), 0);
   }, [s]);
-  const p = () => /* @__PURE__ */ n(Q, {
-    className: o.alertIcon,
+  const E = () => /* @__PURE__ */ n(Q, {
+    className: t.alertIcon,
     color: X,
     "data-testid": "content-answers-error-alert-icon",
     height: I,
     role: "presentation",
     width: I
-  }), W = () => /* @__PURE__ */ l(K, {
+  }), W = () => /* @__PURE__ */ c(N, {
     as: "p",
-    className: o.error,
+    className: t.error,
     color: "textOnLightSecondary",
     "data-testid": "content-answers-error",
     variant: "caption",
-    children: [e === r.RESPONSE_INTERRUPTED && u(f.responseInterruptedError), e === r.RESPONSE_FAILED && u(f.responseFailedError), e === r.RESPONSE_STOPPED && u(f.responseStoppedError), e !== r.RESPONSE_STOPPED && p()]
-  }), q = () => e !== r.RESPONSE_STOPPED ? /* @__PURE__ */ l("div", {
-    className: S(o.footerButtons, "footer-buttons-container", {
-      [o.buttonsVisible]: m
+    children: [e === r.RESPONSE_INTERRUPTED && d(u.responseInterruptedError), e === r.RESPONSE_FAILED && d(u.responseFailedError), e === r.RESPONSE_STOPPED && d(u.responseStoppedError), e !== r.RESPONSE_STOPPED && E()]
+  }), J = () => e !== r.RESPONSE_STOPPED ? /* @__PURE__ */ c("div", {
+    className: w(t.footerButtons, "footer-buttons-container", {
+      [t.buttonsVisible]: f
     }),
-    children: [B ? /* @__PURE__ */ n("div", {
-      className: o.feedbackButtonsContainer,
+    children: [b ? /* @__PURE__ */ n("div", {
+      className: t.feedbackButtonsContainer,
       children: /* @__PURE__ */ n(it, {
         feedbackValue: O,
-        hostAppName: d,
-        isFeedbackFormEnabled: P,
-        isFeedbackTooltipOpen: m,
+        hostAppName: _,
+        isFeedbackFormEnabled: C,
+        isFeedbackTooltipOpen: f,
         items: a,
         onFeedbackFormSubmit: y,
         onFeedbackTooltipOpenChange: D,
-        prompt: F,
-        promptType: H,
-        questionId: V,
+        prompt: L,
+        promptType: F,
+        questionId: j,
         recordAction: i,
-        response: N,
-        setAnswerFeedback: G,
-        shouldFeedbackFormIncludeFeedbackText: L,
+        response: g,
+        setAnswerFeedback: V,
+        shouldFeedbackFormIncludeFeedbackText: H,
         shouldFeedbackIncludePromptData: U,
-        variant: c
+        variant: l
       })
     }) : null, /* @__PURE__ */ n("div", {
-      className: o.copyButtonContainer,
-      children: /* @__PURE__ */ n(nt, {
-        answer: t,
-        onAnswerCopy: M,
+      className: t.copyButtonContainer,
+      children: /* @__PURE__ */ n(rt, {
+        answer: o,
+        onAnswerCopy: v,
         recordAction: i
       })
     })]
-  }) : t ? null : p(), N = $(() => t && ot(t, {
+  }) : o ? null : E(), g = $(() => o && ot(o, {
     items: a,
     isCompleted: s,
-    isInlineCitationsEnabled: _
-  }), [t, a, s, _]);
-  return /* @__PURE__ */ l("div", {
+    isInlineCitationsEnabled: m
+  }), [o, a, s, m]);
+  return /* @__PURE__ */ c("div", {
     "aria-live": "polite",
-    className: o.answer,
+    className: t.answer,
     "data-testid": "content-answers-answer",
-    children: [E && /* @__PURE__ */ n(st, {}), !h && !E && /* @__PURE__ */ n(R, {
+    children: [h && /* @__PURE__ */ c("div", {
+      className: t.loadingContainer,
+      children: [/* @__PURE__ */ n(nt, {}), /* @__PURE__ */ n(N, {
+        as: "span",
+        className: t.loadingText,
+        color: "textOnLightDefault",
+        variant: "titleMedium",
+        children: d(u.analyzingRequest)
+      })]
+    }), !p && !h && /* @__PURE__ */ n(S, {
       className: "answer",
-      variant: c,
-      children: /* @__PURE__ */ l(R.Content, {
-        isUsedInsideSidebar: c === "sidebar",
+      variant: l,
+      children: /* @__PURE__ */ c(S.Content, {
+        isUsedInsideSidebar: l === "sidebar",
         variant: "answer",
         children: [/* @__PURE__ */ n(et, {
-          answer: N,
-          isMarkdownEnabled: C,
-          isReactMarkdownEnabled: k,
-          variant: c
-        }), s && /* @__PURE__ */ l("div", {
-          className: S(o.footer, {
-            [o.shouldHaveMarginTop]: t,
-            [o.shouldAnimateHeight]: j,
-            [o.shouldUseAnimation]: x
+          answer: g,
+          isMarkdownEnabled: x,
+          isReactMarkdownEnabled: G,
+          variant: l
+        }), s && /* @__PURE__ */ c("div", {
+          className: w(t.footer, {
+            [t.shouldHaveMarginTop]: o,
+            [t.shouldAnimateHeight]: z,
+            [t.shouldUseAnimation]: k
           }),
           "data-testid": "content-answers-answer-footer",
-          children: [e && W(), b && !e && /* @__PURE__ */ n(at, {
-            citations: T,
-            onCitationClick: v,
+          children: [e && W(), B && !e && /* @__PURE__ */ n(at, {
+            citations: R,
+            onCitationClick: M,
             recordAction: i
-          }), q()]
+          }), J()]
         })]
       })
-    }), h && /* @__PURE__ */ n(rt, {
+    }), p && /* @__PURE__ */ n(st, {
       contentType: A,
       error: e,
       recordAction: i,
-      variant: c
+      variant: l
     })]
   });
 });
 export {
-  xt as Answer,
-  xt as default
+  Vt as Answer,
+  Vt as default
 };

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

@@ -100,6 +100,10 @@ const t = e({
     id: "boxAI.contentAnswers.loadingAnswer",
     defaultMessage: "Loading Answer..."
   },
+  analyzingRequest: {
+    id: "boxAI.contentAnswers.analyzingRequest",
+    defaultMessage: "Analyzing your request"
+  },
   noReferences: {
     id: "boxAI.contentAnswers.noReferences",
     defaultMessage: "Response based on general document analysis"

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

@@ -1,25 +1,25 @@
-import { Text as Y } from "@box/blueprint-web";
-import { BoxAiLogo as Z } from "@box/blueprint-web-assets/icons/Logo";
+import { Text as Z } from "@box/blueprint-web";
+import { BoxAiLogo as $ } from "@box/blueprint-web-assets/icons/Logo";
 import { Size10 as f } from "@box/blueprint-web-assets/tokens/tokens";
-import $ from "clsx";
-import * as w from "react";
-import { useIntl as L } from "react-intl";
-import { Answer as P } from "../answer/answer.js";
-import { MediaContainer as S } from "../common/media-container.js";
-import { Question as ee } from "../question/question.js";
-import { SuggestedQuestions as te } from "../suggested-questions/suggested-questions.js";
-import { ThinkingBubble as oe } from "../thinkingBubble/thinkingBubble.js";
-import ae from "../welcome-message/messages.js";
-import { WelcomeMessage as ie } from "../welcome-message/welcome-message.js";
+import w from "clsx";
+import * as L from "react";
+import { useIntl as P } from "react-intl";
+import { Answer as S } from "../answer/answer.js";
+import { MediaContainer as ee } from "../common/media-container.js";
+import { Question as te } from "../question/question.js";
+import { SuggestedQuestions as oe } from "../suggested-questions/suggested-questions.js";
+import { ThinkingBubble as ae } from "../thinkingBubble/thinkingBubble.js";
+import ie from "../welcome-message/messages.js";
+import { WelcomeMessage as re } from "../welcome-message/welcome-message.js";
 import { jsx as e, jsxs as _ } from "react/jsx-runtime";
-import '../../../../styles/chat.css';const re = "_chat_77vqr_1", se = "_clearChatText_77vqr_1", ne = "_landingPage_77vqr_7", ce = "_askQuestionText_77vqr_15", le = "_iconAvatar_77vqr_23", me = "_sidebar_77vqr_39", a = {
-  chat: re,
-  clearChatText: se,
-  landingPage: ne,
-  askQuestionText: ce,
-  iconAvatar: le,
-  sidebar: me
-}, qe = ({
+import '../../../../styles/chat.css';const se = "_chat_77vqr_1", ne = "_clearChatText_77vqr_1", ce = "_landingPage_77vqr_7", le = "_askQuestionText_77vqr_15", me = "_iconAvatar_77vqr_23", pe = "_sidebar_77vqr_39", a = {
+  chat: se,
+  clearChatText: ne,
+  landingPage: ce,
+  askQuestionText: le,
+  iconAvatar: me,
+  sidebar: pe
+}, Fe = ({
   askSuggestedQuestion: h,
   contentType: n,
   hasCustomSuggestedQuestions: T,
@@ -33,116 +33,118 @@ import '../../../../styles/chat.css';const re = "_chat_77vqr_1", se = "_clearCha
   onCitationClick: q,
   onAnswerCopy: F,
   onFeedbackFormSubmit: A,
-  onSuggestedQuestionInteraction: I,
-  questions: N,
+  onDropdownOpenChange: I,
+  onSuggestedQuestionInteraction: N,
+  questions: O,
   recordAction: c,
-  setAnswerFeedback: O,
+  setAnswerFeedback: Q,
   setAskSuggestedQuestion: l,
   suggestedQuestions: m,
-  suggestedQuestionsRequestState: Q,
-  shouldFeedbackFormIncludeFeedbackText: j,
-  shouldFeedbackIncludePromptData: y,
+  suggestedQuestionsRequestState: j,
+  shouldFeedbackFormIncludeFeedbackText: y,
+  shouldFeedbackIncludePromptData: B,
   shouldShowLandingPage: o,
-  useAnimation: B,
+  useAnimation: M,
   variant: t = "modal",
-  hostAppName: M = "",
-  isReactMarkdownEnabled: z,
-  welcomeMessageClearText: R,
+  hostAppName: z = "",
+  isReactMarkdownEnabled: R,
+  welcomeMessageClearText: W,
   ...p
 }) => {
   const {
-    formatMessage: W
-  } = L(), [D, E] = w.useState(null), G = (i, r) => {
-    E(i ? r : null);
+    formatMessage: D
+  } = P(), [E, G] = L.useState(null), H = (i, r) => {
+    G(i ? r : null);
   };
   return /* @__PURE__ */ e("div", {
     className: a.chat,
     "data-testid": "content-answers-chat",
     children: /* @__PURE__ */ _("div", {
-      className: $({
+      className: w({
         [a.landingPage]: o,
         [a.sidebar]: t === "sidebar"
       }),
-      children: [o && /* @__PURE__ */ e(S.Figure, {
+      children: [o && /* @__PURE__ */ e(ee.Figure, {
         variant: t,
         children: /* @__PURE__ */ e("div", {
           className: a.iconAvatar,
-          children: /* @__PURE__ */ e(Z, {
+          children: /* @__PURE__ */ e($, {
             height: f,
             role: "presentation",
             width: f
           })
         })
-      }), /* @__PURE__ */ e(ie, {
+      }), /* @__PURE__ */ e(re, {
         contentType: "",
         shouldShowLandingPage: o,
         ...p,
         variant: t
-      }), o && m !== void 0 && l !== void 0 && /* @__PURE__ */ e(te, {
+      }), o && m !== void 0 && l !== void 0 && /* @__PURE__ */ e(oe, {
         askSuggestedQuestion: h,
         hasCustomSuggestedQuestions: T,
         isLoading: x,
-        onSuggestedQuestionInteraction: I,
+        onSuggestedQuestionInteraction: N,
         recordAction: c,
         setAskSuggestedQuestion: l,
         suggestedQuestions: m,
-        suggestedQuestionsRequestState: Q,
+        suggestedQuestionsRequestState: j,
         variant: t
-      }), /* @__PURE__ */ e(Y, {
+      }), /* @__PURE__ */ e(Z, {
         as: "p",
         className: a.clearChatText,
-        children: R || W(ae.welcomeClearChatText, {
+        children: W || D(ie.welcomeClearChatText, {
           type: n
         })
       }), !o && /* @__PURE__ */ e("ul", {
-        children: N.map(({
+        children: O.map(({
           answer: i,
           thinkingAnswer: r,
-          citations: H,
+          citations: J,
           id: s,
-          isCompleted: J,
-          isLoading: K,
-          error: U,
+          isCompleted: K,
+          isLoading: U,
+          error: V,
           prompt: d,
-          promptType: V,
-          feedbackValue: X
+          promptType: X,
+          feedbackValue: Y
         }) => /* @__PURE__ */ _("li", {
-          children: [/* @__PURE__ */ e(ee, {
+          children: [/* @__PURE__ */ e(te, {
             prompt: d,
             variant: t
-          }), r && /* @__PURE__ */ e(oe, {
+          }), r && /* @__PURE__ */ e(ae, {
             content: r,
             isThinkingComplete: !!i,
+            onDropdownOpenChange: I,
             variant: t
-          }), /* @__PURE__ */ e(P, {
+          }), /* @__PURE__ */ e(S, {
             answer: i,
-            citations: H,
+            citations: J,
             contentType: n,
-            error: U,
-            feedbackValue: X,
-            hostAppName: M,
+            error: V,
+            feedbackValue: Y,
+            hostAppName: z,
             isCitationsEnabled: b,
-            isCompleted: J,
+            isCompleted: K,
             isFeedbackEnabled: C,
             isFeedbackFormEnabled: v,
-            isFeedbackTooltipOpen: D === s,
+            isFeedbackTooltipOpen: E === s,
             isInlineCitationsEnabled: g,
-            isLoading: K || u,
+            isLoading: U || u,
             isMarkdownEnabled: k,
-            isReactMarkdownEnabled: z,
+            isReactMarkdownEnabled: R,
             items: p.items,
             onAnswerCopy: F,
             onCitationClick: q,
             onFeedbackFormSubmit: A,
-            onFeedbackTooltipOpenChange: G,
+            onFeedbackTooltipOpenChange: H,
             prompt: d,
-            promptType: V,
+            promptType: X,
             questionId: s,
             recordAction: c,
-            setAnswerFeedback: O,
-            shouldFeedbackFormIncludeFeedbackText: j,
-            shouldFeedbackIncludePromptData: y,
-            useAnimation: B,
+            setAnswerFeedback: Q,
+            shouldFeedbackFormIncludeFeedbackText: y,
+            shouldFeedbackIncludePromptData: B,
+            useAnimation: M,
             variant: t
           })]
         }, s))
@@ -151,6 +153,6 @@ import '../../../../styles/chat.css';const re = "_chat_77vqr_1", se = "_clearCha
   });
 };
 export {
-  qe as Chat,
-  qe as default
+  Fe as Chat,
+  Fe as default
 };

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

@@ -4,10 +4,10 @@ import * as t from "react";
 import { useIntl as S } from "react-intl";
 import k from "../../messages.js";
 import { C as y } from "../../../../chunks/types.js";
-import { jsx as n, jsxs as H, Fragment as V } from "react/jsx-runtime";
+import { jsx as r, jsxs as H, Fragment as V } from "react/jsx-runtime";
 import { ModalError as A } from "../modal-error/modal-error.js";
 import { Chat as B } from "../chat/chat.js";
-import '../../../../styles/content2.css';const D = "_loadingIndicatorWrapper_1juw3_1", G = "_content_1juw3_5", J = "_sidebar_1juw3_14", K = "_isLoading_1juw3_17", Q = "_messagesEnd_1juw3_21", U = "_innerContent_1juw3_25", r = {
+import '../../../../styles/content2.css';const D = "_loadingIndicatorWrapper_1juw3_1", G = "_content_1juw3_5", J = "_sidebar_1juw3_14", K = "_isLoading_1juw3_17", Q = "_messagesEnd_1juw3_21", U = "_innerContent_1juw3_25", o = {
   loadingIndicatorWrapper: D,
   content: G,
   sidebar: J,
@@ -31,11 +31,11 @@ import '../../../../styles/content2.css';const D = "_loadingIndicatorWrapper_1ju
   hostAppName: I = "",
   ...L
 }) => {
-  const d = t.useRef(null), l = t.useRef(null), f = t.useRef(null), o = t.useRef(!0), [g, N] = t.useState(!1), {
+  const f = t.useRef(null), l = t.useRef(null), d = t.useRef(null), n = t.useRef(!0), [g, N] = t.useState(!1), {
     formatMessage: O
   } = S(), E = u === y.LARGE_FILE, s = t.useCallback((a) => {
     var e;
-    (e = f.current) != null && e.scrollIntoView && l.current && (!i || o.current) && f.current.scrollIntoView({
+    (e = d.current) != null && e.scrollIntoView && l.current && (!i || n.current) && d.current.scrollIntoView({
       behavior: a,
       block: "nearest"
     });
@@ -47,39 +47,39 @@ import '../../../../styles/content2.css';const D = "_loadingIndicatorWrapper_1ju
         scrollHeight: T
       } = l.current, W = T - (a + e);
       if (c && W > 100) {
-        o.current = !1;
+        n.current = !1;
         return;
       }
-      o.current = !0;
+      n.current = !0;
     }
   };
   t.useEffect(() => {
-    g ? o.current = !1 : c && (o.current = !0, s("instant"));
+    g ? n.current = !1 : c && (n.current = !0, s("instant"));
   }, [g, s, c]), t.useEffect(() => {
-    o.current = !0, s("instant");
+    n.current = !0, s("instant");
   }, [s]), t.useLayoutEffect(() => {
-    if (!d.current)
+    if (!f.current)
       return;
     const a = new ResizeObserver(() => {
-      s(i ? "instant" : "smooth");
-    }), e = d.current;
+      n.current && s(i ? "instant" : "smooth");
+    }), e = f.current;
     return e && a.observe(e), () => {
       e && a.unobserve(e);
     };
   }, [s, i]);
-  const z = () => h && !E ? /* @__PURE__ */ n(A, {
+  const z = () => h && !E ? /* @__PURE__ */ r(A, {
     error: u,
     recordAction: m
-  }) : p ? /* @__PURE__ */ n("div", {
-    className: r.loadingIndicatorWrapper,
-    children: /* @__PURE__ */ n(F, {
+  }) : p ? /* @__PURE__ */ r("div", {
+    className: o.loadingIndicatorWrapper,
+    children: /* @__PURE__ */ r(F, {
       "aria-label": O(k.loading),
-      className: r.loadingIndicator,
+      className: o.loadingIndicator,
       "data-testid": "content-answers-modal-loading-indicator",
       size: "large"
     })
   }) : /* @__PURE__ */ H(V, {
-    children: [/* @__PURE__ */ n(B, {
+    children: [/* @__PURE__ */ r(B, {
       askSuggestedQuestion: b,
       hasCustomSuggestedQuestions: C,
       hasRequestInProgress: c,
@@ -93,19 +93,19 @@ import '../../../../styles/content2.css';const D = "_loadingIndicatorWrapper_1ju
       useAnimation: j,
       variant: _,
       ...L
-    }), /* @__PURE__ */ n("div", {
-      ref: f,
-      className: r.messagesEnd
+    }), /* @__PURE__ */ r("div", {
+      ref: d,
+      className: o.messagesEnd
     })]
   });
-  return /* @__PURE__ */ n("div", {
+  return /* @__PURE__ */ r("div", {
     ref: l,
-    className: M(r.content, _ === "sidebar" && r.sidebar, p && r.isLoading),
+    className: M(o.content, _ === "sidebar" && o.sidebar, p && o.isLoading),
     "data-testid": "content-answers-content",
     onScroll: x,
-    children: /* @__PURE__ */ n("div", {
-      ref: d,
-      className: r.innerContent,
+    children: /* @__PURE__ */ r("div", {
+      ref: f,
+      className: o.innerContent,
       children: z()
     })
   });