@box/box-ai-content-answers 1.10.4 → 1.11.1

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

@@ -1,168 +1,171 @@
-import { useBreakpoint as X, Breakpoint as Y, Modal as d, TooltipProvider as Z, Tooltip as ee } from "@box/blueprint-web";
-import { ArrowsCollapse as oe } from "@box/blueprint-web-assets/icons/Fill";
-import { BoxAiLogo as te } from "@box/blueprint-web-assets/icons/Logo";
-import { Size8 as v } from "@box/blueprint-web-assets/tokens/tokens";
-import { BoxAiAgentSelectorWithApi as se, AgentsProvider as ae } from "@box/box-ai-agent-selector";
-import { useState as le, useMemo as re, useCallback as I, useEffect as C } from "react";
-import { useIntl as ne } from "react-intl";
-import { BoxAiContentAnswers as ie } from "../../box-ai-content-answers.js";
-import { A as ce, R as de } from "../../../../chunks/types.js";
-import { LOGGER_BASE_CONFIG as p, LOGGER_ACTION_CLICK as me } from "../common/constants.js";
-import { s, C as ge } from "../../../../chunks/clear-conversation-button.js";
-import fe from "./hooks/useStopPropagationOnEsc.js";
-import { Title as ue } from "./title.js";
-import S from "./messages.js";
+import { useBlueprintModernization as Y, useBreakpoint as Z, Breakpoint as ee, Modal as m, TooltipProvider as oe, Tooltip as te } from "@box/blueprint-web";
+import { ArrowsCollapse as se } from "@box/blueprint-web-assets/icons/Fill";
+import { BoxAiLogo as ae } from "@box/blueprint-web-assets/icons/Logo";
+import { ArrowsMinimize as re } from "@box/blueprint-web-assets/icons/Medium";
+import { Size8 as S } from "@box/blueprint-web-assets/tokens/tokens";
+import { BoxAiAgentSelectorWithApi as le, AgentsProvider as ne } from "@box/box-ai-agent-selector";
+import { useState as ie, useMemo as ce, useCallback as x, useEffect as p } from "react";
+import { useIntl as de } from "react-intl";
+import { BoxAiContentAnswers as me } from "../../box-ai-content-answers.js";
+import { A as fe, R as ge } from "../../../../chunks/types.js";
+import { LOGGER_BASE_CONFIG as M, LOGGER_ACTION_CLICK as ue } from "../common/constants.js";
+import { s, C as Ce } from "../../../../chunks/clear-conversation-button.js";
+import pe from "./hooks/useStopPropagationOnEsc.js";
+import { Title as Me } from "./title.js";
+import B from "./messages.js";
 import { jsxs as h, jsx as e } from "react/jsx-runtime";
-const Ce = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-closeContentAnswersModal", pe = (o) => o ? S.collapseModalAriaLabel : S.closeModalAriaLabel, he = (o) => o ? oe : void 0, Me = (o) => {
+const he = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-closeContentAnswersModal", Te = (o) => o ? B.collapseModalAriaLabel : B.closeModalAriaLabel, be = (o, r) => o ? r ? re : se : void 0, Ae = (o, r) => {
   const l = o === "collapsible";
   return {
-    closeModalLabel: pe(l),
-    closeModalTargetId: Ce(l),
-    closeModalIcon: he(l)
+    closeModalLabel: Te(l),
+    closeModalTargetId: he(l),
+    closeModalIcon: be(l, r)
   };
-}, Pe = ({
+}, He = ({
   children: o,
-  getAIStudioAgents: l,
-  hasCustomSuggestedQuestions: x,
-  hostAppName: m,
+  getAIStudioAgents: r,
+  hasCustomSuggestedQuestions: l,
+  hostAppName: f,
   isAIStudioAgentSelectorEnabled: g = !1,
-  isDebugModeEnabled: B,
-  isStopResponseEnabled: _ = !1,
-  itemSize: M,
-  extension: T,
-  onClearAction: f,
-  onSelectAgent: k,
-  onSelectedAgentCallback: P,
-  promptValue: q,
-  recordAction: r,
+  isDebugModeEnabled: _,
+  isStopResponseEnabled: k = !1,
+  itemSize: T,
+  extension: b,
+  onClearAction: u,
+  onSelectAgent: P,
+  onSelectedAgentCallback: q,
+  promptValue: z,
+  recordAction: n,
   setPromptValue: G,
   shouldRenderProviders: H = !0,
-  shouldShowLandingPage: z = !1,
-  stopPropagationOnEsc: F,
-  variant: b = "closable",
-  items: i,
-  parentItem: c,
-  ...j
+  shouldShowLandingPage: F = !1,
+  stopPropagationOnEsc: j,
+  variant: A = "closable",
+  items: c,
+  parentItem: d,
+  ...D
 }) => {
-  var w, E;
+  var v, I;
   const {
-    open: L,
-    defaultOpen: D,
-    onOpenChange: Q,
-    modal: U,
+    enableModernizedComponents: L
+  } = Y(), {
+    open: R,
+    defaultOpen: Q,
+    onOpenChange: U,
+    modal: W,
     ...a
-  } = j, R = ne(), W = X() <= Y.Medium;
-  fe(F, L);
-  const u = (E = (w = a == null ? void 0 : a.questions) == null ? void 0 : w[a.questions.length - 1]) == null ? void 0 : E.error, [y, A] = le(!1), {
-    closeModalLabel: O,
-    closeModalTargetId: K,
-    closeModalIcon: $
-  } = re(() => Me(b), [b]), n = I((t) => {
-    r && (t.data ?? (t.data = {}), t.data.hostAppName = m, r(t));
-  }, [m, r]);
-  C(() => {
-    i || n({
-      ...p,
+  } = D, O = de(), y = Z() <= ee.Medium;
+  pe(j, R);
+  const C = (I = (v = a == null ? void 0 : a.questions) == null ? void 0 : v[a.questions.length - 1]) == null ? void 0 : I.error, [K, w] = ie(!1), {
+    closeModalLabel: N,
+    closeModalTargetId: $,
+    closeModalIcon: J
+  } = ce(() => Ae(A, L), [A, L]), i = x((t) => {
+    n && (t.data ?? (t.data = {}), t.data.hostAppName = f, n(t));
+  }, [f, n]);
+  p(() => {
+    c || i({
+      ...M,
       target: "loaded",
       data: {
-        fileSize: M,
-        fileType: T
+        fileSize: T,
+        fileType: b
       }
     });
-  }, [n, T, M, i, r]), C(() => {
-    i && n({
-      ...p,
+  }, [i, b, T, c, n]), p(() => {
+    c && i({
+      ...M,
       target: "loaded",
       data: {
-        parentItemType: c == null ? void 0 : c.type,
-        items: i.map((t) => ({
+        parentItemType: d == null ? void 0 : d.type,
+        items: c.map((t) => ({
           status: t.status,
           fileType: t.fileType
         }))
       }
     });
-  }, [n, c, r]), C(() => {
-    u && u === ce.AGENT_NOT_FOUND && A(!0);
-  }, [u]);
-  const J = () => {
-    f && (f(), n({
-      ...p,
-      action: me,
+  }, [i, d, n]), p(() => {
+    C && C === fe.AGENT_NOT_FOUND && w(!0);
+  }, [C]);
+  const V = () => {
+    u && (u(), i({
+      ...M,
+      action: ue,
       target: "clearChat"
     }));
-  }, V = I(async () => (A(!1), l()), [l]), N = /* @__PURE__ */ h(d, {
-    defaultOpen: D,
-    modal: U,
-    onOpenChange: Q,
-    open: L,
-    children: [/* @__PURE__ */ e(d.Trigger, {
+  }, X = x(async () => (w(!1), r()), [r]), E = /* @__PURE__ */ h(m, {
+    defaultOpen: Q,
+    modal: W,
+    onOpenChange: U,
+    open: R,
+    children: [/* @__PURE__ */ e(m.Trigger, {
       children: o
-    }), /* @__PURE__ */ h(d.Content, {
+    }), /* @__PURE__ */ h(m.Content, {
       className: s.contentAnswersModal,
       "data-testid": "content-answers-modal",
       size: "xlarge",
-      children: [/* @__PURE__ */ e(d.Header, {
+      children: [/* @__PURE__ */ e(m.Header, {
         className: s.modalHeaderContainer,
         children: /* @__PURE__ */ h("div", {
           className: s.modalHeader,
-          children: [!W && /* @__PURE__ */ e(te, {
+          children: [!y && /* @__PURE__ */ e(ae, {
             className: s.BoxAIIconColor,
             "data-testid": "content-answers-icon-color",
-            height: v,
-            width: v
-          }), /* @__PURE__ */ e(ue, {
+            height: S,
+            width: S
+          }), /* @__PURE__ */ e(Me, {
             isAIStudioAgentSelectorEnabled: g
-          }), g && /* @__PURE__ */ e(se, {
+          }), g && /* @__PURE__ */ e(le, {
             contentClassName: s.agentSelectorContent,
             disabled: a.hasRequestInProgress,
-            fetcher: V,
-            hostAppName: m,
-            onSelectAgent: k,
-            onSelectedAgentCallback: P,
-            recordAction: r,
-            requestState: y ? de.ERROR : void 0,
+            fetcher: X,
+            hostAppName: f,
+            onSelectAgent: P,
+            onSelectedAgentCallback: q,
+            recordAction: n,
+            requestState: K ? ge.ERROR : void 0,
             shouldHideAgentSelectorOnLoad: !0,
             triggerChipClassName: s.agentSelectorTrigger,
             useAgentLocalStorage: !0
           })]
         })
-      }), /* @__PURE__ */ e(ie, {
+      }), /* @__PURE__ */ e(me, {
         className: `box-content-answers-chat-container ${s.boxAiContentAnswers}`,
-        hasCustomSuggestedQuestions: x,
-        hostAppName: m,
+        hasCustomSuggestedQuestions: l,
+        hostAppName: f,
         isAIStudioAgentSelectorEnabled: g,
-        isDebugModeEnabled: B,
-        isStopResponseEnabled: _,
-        items: i,
-        parentItem: c,
-        promptValue: q,
-        recordAction: n,
+        isDebugModeEnabled: _,
+        isStopResponseEnabled: k,
+        items: c,
+        parentItem: d,
+        promptValue: z,
+        recordAction: i,
         setPromptValue: G,
-        shouldShowLandingPage: z,
+        shouldShowLandingPage: F,
         ...a
-      }), f && /* @__PURE__ */ e(ge, {
+      }), u && /* @__PURE__ */ e(Ce, {
         hasRequestInProgress: a.hasRequestInProgress,
-        onClick: J
-      }), /* @__PURE__ */ e(Z, {
-        children: /* @__PURE__ */ e(ee, {
-          content: R.formatMessage(O),
+        onClick: V
+      }), /* @__PURE__ */ e(oe, {
+        children: /* @__PURE__ */ e(te, {
+          content: O.formatMessage(N),
           "data-testid": "content-answers-close-modal-tooltip",
-          children: /* @__PURE__ */ e(d.Close, {
-            "aria-label": R.formatMessage(O),
+          children: /* @__PURE__ */ e(m.Close, {
+            "aria-label": O.formatMessage(N),
             className: s["modal-close-button"],
-            "data-target-id": K,
-            icon: $,
+            "data-target-id": $,
+            icon: J,
             size: "small"
           })
         })
       })]
     })]
   });
-  return H ? /* @__PURE__ */ e(ae, {
-    children: N
-  }) : N;
+  return H ? /* @__PURE__ */ e(ne, {
+    children: E
+  }) : E;
 };
 export {
-  Pe as IntelligenceModal,
-  Pe as default
+  He as IntelligenceModal,
+  He as default
 };

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

@@ -1,64 +1,65 @@
-import { Text as ne, Tooltip as y, IconButton as H } from "@box/blueprint-web";
-import { ArrowsExpand as se, XMark as ae } from "@box/blueprint-web-assets/icons/Fill";
-import { useAgents as ie, BoxAiAgentSelectorWithApi as re } from "@box/box-ai-agent-selector";
+import { useBlueprintModernization as se, Text as ae, Tooltip as $, IconButton as y } from "@box/blueprint-web";
+import { ArrowsExpand as ie, XMark as re } from "@box/blueprint-web-assets/icons/Fill";
+import { ArrowsMaximize as ce } from "@box/blueprint-web-assets/icons/Medium";
+import { useAgents as de, BoxAiAgentSelectorWithApi as le } from "@box/box-ai-agent-selector";
 import D from "clsx";
-import Q from "lodash/isEqual";
+import H from "lodash/isEqual";
 import * as b from "react";
-import { useIntl as ce } from "react-intl";
-import { BoxAiContentAnswers as de } from "../../box-ai-content-answers.js";
-import { withApiWrapper as le } from "../api-wrapper/api-wrapper.js";
-import { ORIGIN_BOXAI_SIDEBAR as be, EVENT_JS_READY as pe } from "../common/constants.js";
-import { mark as Se } from "../common/performance.js";
-import { C as Ae } from "../../../../chunks/clear-conversation-button.js";
-import { IntelligenceModal as me } from "../modal/modal.js";
-import { IntelligenceSidebarContext as he } from "./context.js";
+import { useIntl as be } from "react-intl";
+import { BoxAiContentAnswers as pe } from "../../box-ai-content-answers.js";
+import { withApiWrapper as Se } from "../api-wrapper/api-wrapper.js";
+import { ORIGIN_BOXAI_SIDEBAR as Ae, EVENT_JS_READY as me } from "../common/constants.js";
+import { mark as he } from "../common/performance.js";
+import { C as ue } from "../../../../chunks/clear-conversation-button.js";
+import { IntelligenceModal as Ie } from "../modal/modal.js";
+import { IntelligenceSidebarContext as _e } from "./context.js";
 import p from "./messages.js";
-import Ie from "./title.js";
-import { jsxs as h, Fragment as z, jsx as e } from "react/jsx-runtime";
-import '../../../../styles/content.css';const ue = "_bcsSidebarBase_1kkpe_2", _e = "_bcsContent_1kkpe_2", Ce = "_bcsBoxAISidebar_1kkpe_2", xe = "_bcsContentHeader_1kkpe_6", ge = "_bcsTitle_1kkpe_15", Be = "_bcsScrollContent_1kkpe_22", fe = "_withModalOpen_1kkpe_32", ke = "_bcsBoxAISidebarAgentSelector_1kkpe_35", we = "_bcsBoxAISidebarAgentSelectorContainer_1kkpe_39", Te = "_bcsBoxAISidebarChatActions_1kkpe_43", Ee = "_bcsBoxAISidebarContent_1kkpe_47", Ne = "_bcsBoxAISidebarExpand_1kkpe_50", ve = "_bcsBoxAISidebarClear_1kkpe_53", Pe = "_bcsBoxAISidebarTitlePart_1kkpe_56", Me = "_bcsBoxAISidebarClose_1kkpe_77", Le = "_sidebarChip_1kkpe_88", Oe = "_bcsContentSubheader_1kkpe_101", Re = "_bcsScrollContentWrapper_1kkpe_110", qe = "_withSubheader_1kkpe_115", Ue = "_expanded_1kkpe_118", t = {
-  bcsSidebarBase: ue,
-  bcsContent: _e,
-  bcsBoxAISidebar: Ce,
-  bcsContentHeader: xe,
-  bcsTitle: ge,
-  bcsScrollContent: Be,
-  withModalOpen: fe,
-  bcsBoxAISidebarAgentSelector: ke,
-  bcsBoxAISidebarAgentSelectorContainer: we,
-  bcsBoxAISidebarChatActions: Te,
-  bcsBoxAISidebarContent: Ee,
-  bcsBoxAISidebarExpand: Ne,
-  bcsBoxAISidebarClear: ve,
-  bcsBoxAISidebarTitlePart: Pe,
-  bcsBoxAISidebarClose: Me,
-  sidebarChip: Le,
-  bcsContentSubheader: Oe,
-  bcsScrollContentWrapper: Re,
-  withSubheader: qe,
-  expanded: Ue
-}, Ve = `${be}_${pe}`;
-Se(Ve);
-const We = ({
+import Ce from "./title.js";
+import { jsxs as h, Fragment as Q, jsx as e } from "react/jsx-runtime";
+import '../../../../styles/content.css';const xe = "_bcsSidebarBase_1kkpe_2", ge = "_bcsContent_1kkpe_2", Be = "_bcsBoxAISidebar_1kkpe_2", fe = "_bcsContentHeader_1kkpe_6", ke = "_bcsTitle_1kkpe_15", we = "_bcsScrollContent_1kkpe_22", Te = "_withModalOpen_1kkpe_32", Ee = "_bcsBoxAISidebarAgentSelector_1kkpe_35", Ne = "_bcsBoxAISidebarAgentSelectorContainer_1kkpe_39", Me = "_bcsBoxAISidebarChatActions_1kkpe_43", ve = "_bcsBoxAISidebarContent_1kkpe_47", Pe = "_bcsBoxAISidebarExpand_1kkpe_50", Le = "_bcsBoxAISidebarClear_1kkpe_53", Oe = "_bcsBoxAISidebarTitlePart_1kkpe_56", Re = "_bcsBoxAISidebarClose_1kkpe_77", qe = "_sidebarChip_1kkpe_88", Ue = "_bcsContentSubheader_1kkpe_101", Ve = "_bcsScrollContentWrapper_1kkpe_110", We = "_withSubheader_1kkpe_115", ze = "_expanded_1kkpe_118", t = {
+  bcsSidebarBase: xe,
+  bcsContent: ge,
+  bcsBoxAISidebar: Be,
+  bcsContentHeader: fe,
+  bcsTitle: ke,
+  bcsScrollContent: we,
+  withModalOpen: Te,
+  bcsBoxAISidebarAgentSelector: Ee,
+  bcsBoxAISidebarAgentSelectorContainer: Ne,
+  bcsBoxAISidebarChatActions: Me,
+  bcsBoxAISidebarContent: ve,
+  bcsBoxAISidebarExpand: Pe,
+  bcsBoxAISidebarClear: Le,
+  bcsBoxAISidebarTitlePart: Oe,
+  bcsBoxAISidebarClose: Re,
+  sidebarChip: qe,
+  bcsContentSubheader: Ue,
+  bcsScrollContentWrapper: Ve,
+  withSubheader: We,
+  expanded: ze
+}, Fe = `${Ae}_${me}`;
+he(Fe);
+const $e = ({
   actions: f,
   children: i,
   className: o,
   elementId: S = "",
-  sidebarView: I = "",
+  sidebarView: u = "",
   title: r,
   subheader: c,
   ...d
 }) => {
-  const A = `${S}${S === "" ? "" : "_"}${I}`, u = `${A}-content`;
+  const A = `${S}${S === "" ? "" : "_"}${u}`, I = `${A}-content`;
   return /* @__PURE__ */ h("div", {
     "aria-labelledby": A,
     className: D(t.bcsContent, o),
     "data-testid": "bcs-content",
-    id: u,
+    id: I,
     role: "tabpanel",
     ...d,
     children: [/* @__PURE__ */ h("div", {
       className: t.bcsContentHeader,
-      children: [r && /* @__PURE__ */ e(ne, {
+      children: [r && /* @__PURE__ */ e(ae, {
         as: "h3",
         className: t.bcsTitle,
         children: r
@@ -75,59 +76,61 @@ const We = ({
     })]
   });
 };
-function Fe(f) {
+function ye(f) {
   const {
     createSession: i,
     encodedSession: o,
     onClearAction: S,
-    getAIStudioAgents: I,
+    getAIStudioAgents: u,
     hasRequestInProgress: r,
     hostAppName: c,
     isAIStudioAgentSelectorEnabled: d,
     isLoading: A,
-    onSelectAgent: u,
+    onSelectAgent: I,
     questions: _,
     shouldShowLandingPage: N = !0,
     sendQuestion: C,
     stopQuestion: k,
     embedTheAnswerButtonConfig: j,
-    onClose: v,
-    ...P
+    onClose: M,
+    ...v
   } = f, {
     formatMessage: l
-  } = ce(), M = b.useRef(!1), [w, L] = b.useState(!1), {
+  } = be(), {
+    enableModernizedComponents: J
+  } = se(), P = b.useRef(!1), [w, L] = b.useState(!1), {
     cache: s,
     contentName: O,
-    elementId: J,
-    fileExtension: X,
+    elementId: X,
+    fileExtension: Y,
     isFeedbackEnabled: R,
     isFeedbackFormEnabled: q,
     isStopResponseEnabled: U,
     items: T,
-    itemSize: Y,
+    itemSize: G,
     onFeedbackFormSubmit: V,
     onUserInteraction: W,
-    onSelectedAgentCallback: G,
+    onSelectedAgentCallback: K,
     recordAction: m,
     setCacheValue: x,
     shouldPreinitSession: g
-  } = b.useContext(he), {
-    agents: K,
-    requestState: Z,
+  } = b.useContext(_e), {
+    agents: Z,
+    requestState: ee,
     selectedAgent: E
-  } = ie(), {
+  } = de(), {
     questions: a
-  } = s, [F, $] = b.useState("");
-  s.shouldShowLandingPage !== N && x("shouldShowLandingPage", N), s.encodedSession !== o && x("encodedSession", o), Q(s.questions, _) || x("questions", _), Q(s.agents.selectedAgent, E) || x("agents", {
-    agents: K,
-    requestState: Z,
+  } = s, [z, F] = b.useState("");
+  s.shouldShowLandingPage !== N && x("shouldShowLandingPage", N), s.encodedSession !== o && x("encodedSession", o), H(s.questions, _) || x("questions", _), H(s.agents.selectedAgent, E) || x("agents", {
+    agents: Z,
+    requestState: ee,
     selectedAgent: E
   });
   const B = (n = !1) => {
     !g && !o && !A && i && i(!0, !1), n && W && W();
-  }, ee = () => {
-    L(!1);
   }, te = () => {
+    L(!1);
+  }, oe = () => {
     B(), L(!0);
   };
   b.useEffect(() => (g && !o && i && i(!0, !0), o && a.length > 0 && a[a.length - 1].isCompleted === !1 && C({
@@ -147,21 +150,21 @@ function Fe(f) {
     k();
   }), []), b.useEffect(() => {
     const n = a[a.length - 1];
-    !g && !M.current && o && (n != null && n.isLoading) && (C(n, E, !1), M.current = !0);
+    !g && !P.current && o && (n != null && n.isLoading) && (C(n, E, !1), P.current = !0);
   }, [o]);
-  const oe = () => /* @__PURE__ */ h("div", {
+  const ne = () => /* @__PURE__ */ h("div", {
     className: t.bcsBoxAISidebarTitlePart,
-    children: [/* @__PURE__ */ e(Ie, {
+    children: [/* @__PURE__ */ e(Ce, {
       isAIStudioAgentSelectorEnabled: d
     }), d && /* @__PURE__ */ e("div", {
       className: t.bcsBoxAISidebarAgentSelector,
-      children: /* @__PURE__ */ e(re, {
+      children: /* @__PURE__ */ e(le, {
         disabled: r,
-        fetcher: I,
+        fetcher: u,
         hostAppName: c,
         onAgentsListOpen: B,
-        onSelectAgent: u,
-        onSelectedAgentCallback: G,
+        onSelectAgent: I,
+        onSelectedAgentCallback: K,
         recordAction: m,
         shouldHideAgentSelectorOnLoad: !0,
         useAgentLocalStorage: !0,
@@ -169,35 +172,35 @@ function Fe(f) {
       })
     })]
   });
-  return /* @__PURE__ */ h(z, {
-    children: [/* @__PURE__ */ e(We, {
-      actions: /* @__PURE__ */ h(z, {
-        children: [oe(), /* @__PURE__ */ e(Ae, {
+  return /* @__PURE__ */ h(Q, {
+    children: [/* @__PURE__ */ e($e, {
+      actions: /* @__PURE__ */ h(Q, {
+        children: [ne(), /* @__PURE__ */ e(ue, {
           className: t.bcsBoxAISidebarClear,
           hasRequestInProgress: r,
           onClick: S
-        }), /* @__PURE__ */ e(y, {
+        }), /* @__PURE__ */ e($, {
           content: l(p.sidebarBoxAISwitchToModalView),
           "data-testid": "content-answers-open-modal-tooltip",
           variant: "standard",
-          children: /* @__PURE__ */ e(H, {
+          children: /* @__PURE__ */ e(y, {
             "aria-label": l(p.sidebarBoxAISwitchToModalView),
             className: t.bcsBoxAISidebarExpand,
             "data-target-id": "IconButton-expandBoxAISidebar",
-            icon: se,
-            onClick: te,
+            icon: J ? ce : ie,
+            onClick: oe,
             size: "small"
           })
-        }), v && /* @__PURE__ */ e(y, {
+        }), M && /* @__PURE__ */ e($, {
           content: l(p.sidebarBoxAIClose),
           "data-testid": "content-answers-close-tooltip",
           variant: "standard",
-          children: /* @__PURE__ */ e(H, {
+          children: /* @__PURE__ */ e(y, {
             "aria-label": l(p.sidebarBoxAIClose),
             className: t.bcsBoxAISidebarClose,
             "data-target-id": "IconButton-closeBoxAISidebar",
-            icon: ae,
-            onClick: v,
+            icon: re,
+            onClick: M,
             size: "small"
           })
         })]
@@ -205,11 +208,11 @@ function Fe(f) {
       className: D(t.bcsBoxAISidebar, {
         [t.withModalOpen]: w
       }),
-      elementId: J,
+      elementId: X,
       sidebarView: "box-ai",
       children: /* @__PURE__ */ e("div", {
         className: t.bcsBoxAISidebarContent,
-        children: /* @__PURE__ */ e(de, {
+        children: /* @__PURE__ */ e(pe, {
           className: t.bcsBoxAISidebarContentAnswers,
           contentName: O,
           contentType: l(p.sidebarBoxAIContent),
@@ -222,23 +225,23 @@ function Fe(f) {
           items: T,
           onFeedbackFormSubmit: V,
           onUserIntentToUseAI: B,
-          promptValue: F,
+          promptValue: z,
           questions: _,
           recordAction: m,
-          setPromptValue: $,
+          setPromptValue: F,
           shouldShowLandingPage: s.shouldShowLandingPage,
           showLoadingIndicator: A && g,
           stopQuestion: k,
           submitQuestion: C,
           variant: "sidebar",
-          ...P
+          ...v
         })
       })
-    }), /* @__PURE__ */ e(me, {
+    }), /* @__PURE__ */ e(Ie, {
       contentName: O,
       contentType: l(p.sidebarBoxAIContent),
-      extension: X,
-      getAIStudioAgents: I,
+      extension: Y,
+      getAIStudioAgents: u,
       hasRequestInProgress: r,
       hostAppName: c,
       isAIStudioAgentSelectorEnabled: d,
@@ -246,29 +249,29 @@ function Fe(f) {
       isFeedbackFormEnabled: q,
       isStopResponseEnabled: U,
       items: T,
-      itemSize: Y,
+      itemSize: G,
       onClearAction: S,
       onFeedbackFormSubmit: V,
-      onOpenChange: ee,
-      onSelectAgent: u,
+      onOpenChange: te,
+      onSelectAgent: I,
       onUserIntentToUseAI: B,
       open: w,
-      promptValue: F,
+      promptValue: z,
       questions: _,
       recordAction: w ? m : void 0,
-      setPromptValue: $,
+      setPromptValue: F,
       shouldShowLandingPage: s.shouldShowLandingPage,
       showLoadingIndicator: !1,
       stopPropagationOnEsc: !0,
       stopQuestion: k,
       submitQuestion: C,
       variant: "collapsible",
-      ...P,
+      ...v,
       shouldRenderProviders: !1
     })]
   });
 }
-const st = le(Fe);
+const ct = Se(ye);
 export {
-  st as default
+  ct as default
 };