@box/box-ai-content-answers 0.148.4 → 0.148.5

package/dist/chunks/clear-conversation-button.js

@@ -1,32 +1,34 @@
-import { Tooltip as a, IconButton as r } from "@box/blueprint-web";
-import { Trash as l } from "@box/blueprint-web-assets/icons/Line";
-import { useIntl as s } from "react-intl";
+import { Tooltip as r, IconButton as l } from "@box/blueprint-web";
+import { Trash as s } from "@box/blueprint-web-assets/icons/Line";
+import { useIntl as c } from "react-intl";
 import t from "../esm/lib/components/modal/messages.js";
 import { jsx as e } from "react/jsx-runtime";
-import '../styles/clear-conversation-button.css';const c = "_BoxAIIconColor_ild3b_1", i = "_modalHeader_ild3b_5", d = "_contentAnswersModal_ild3b_10", _ = "_boxAiContentAnswers_ild3b_18", m = "_clearButton_ild3b_26", b = "_contentAnswerModal_ild3b_1", C = "_modalHeaderContainer_ild3b_55", g = "_agentSelectorTrigger_ild3b_63", A = "_agentSelectorContent_ild3b_74", u = {
-  BoxAIIconColor: c,
-  modalHeader: i,
-  contentAnswersModal: d,
-  boxAiContentAnswers: _,
-  clearButton: m,
+import '../styles/clear-conversation-button.css';const i = "_BoxAIIconColor_ild3b_1", d = "_modalHeader_ild3b_5", _ = "_contentAnswersModal_ild3b_10", m = "_boxAiContentAnswers_ild3b_18", b = "_clearButton_ild3b_26", C = "_contentAnswerModal_ild3b_1", g = "_modalHeaderContainer_ild3b_55", A = "_agentSelectorTrigger_ild3b_63", u = "_agentSelectorContent_ild3b_74", B = {
+  BoxAIIconColor: i,
+  modalHeader: d,
+  contentAnswersModal: _,
+  boxAiContentAnswers: m,
+  clearButton: b,
   "modal-close-button": "_modal-close-button_ild3b_30",
-  contentAnswerModal: b,
-  modalHeaderContainer: C,
-  agentSelectorTrigger: g,
-  agentSelectorContent: A
-}, M = ({
-  onClick: n
+  contentAnswerModal: C,
+  modalHeaderContainer: g,
+  agentSelectorTrigger: A,
+  agentSelectorContent: u
+}, f = ({
+  onClick: n,
+  hasRequestInProgress: a
 }) => {
-  const o = s();
-  return /* @__PURE__ */ e(a, {
+  const o = c();
+  return /* @__PURE__ */ e(r, {
     content: o.formatMessage(t.clearConversationLabel),
     "data-testid": "clear-conversation-tooltip",
     variant: "standard",
-    children: /* @__PURE__ */ e(r, {
+    children: /* @__PURE__ */ e(l, {
       "aria-label": o.formatMessage(t.clearConversationLabel),
-      className: u.clearButton,
+      className: B.clearButton,
       "data-testid": "clear-conversation-button",
-      icon: l,
+      disabled: a,
+      icon: s,
       onClick: n,
       size: "small",
       "data-target-id": "IconButton-clearConversationLabel"
@@ -34,6 +36,6 @@ import '../styles/clear-conversation-button.css';const c = "_BoxAIIconColor_ild3
   });
 };
 export {
-  M as C,
-  u as s
+  f as C,
+  B as s
 };

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

@@ -3,7 +3,7 @@ import { ArrowsCollapse as $ } from "@box/blueprint-web-assets/icons/Fill";
 import { BoxAiLogo as ee } from "@box/blueprint-web-assets/icons/Logo";
 import { Size8 as w } from "@box/blueprint-web-assets/tokens/tokens";
 import { BoxAiAgentSelectorWithApi as oe, AgentsProvider as te } from "@box/box-ai-agent-selector";
-import { useState as se, useMemo as ae, useCallback as S, useEffect as C } from "react";
+import { useState as se, useMemo as ae, useCallback as I, useEffect as C } from "react";
 import { useIntl as le } from "react-intl";
 import { BoxAiContentAnswers as re } from "../../box-ai-content-answers.js";
 import { A as ne, R as ie } from "../../../../chunks/types.js";
@@ -11,53 +11,53 @@ import { LOGGER_BASE_CONFIG as p, LOGGER_ACTION_CLICK as de } from "../common/co
 import { s, C as ce } from "../../../../chunks/clear-conversation-button.js";
 import me from "./hooks/useStopPropagationOnEsc.js";
 import { Title as fe } from "./title.js";
-import x from "./messages.js";
+import S from "./messages.js";
 import { jsxs as M, jsx as e } from "react/jsx-runtime";
-const ge = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-closeContentAnswersModal", ue = (o) => o ? x.collapseModalAriaLabel : x.closeModalAriaLabel, Ce = (o) => o ? $ : void 0, pe = (o) => {
-  const a = o === "collapsible";
+const ge = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-closeContentAnswersModal", ue = (o) => o ? S.collapseModalAriaLabel : S.closeModalAriaLabel, Ce = (o) => o ? $ : void 0, pe = (o) => {
+  const l = o === "collapsible";
   return {
-    closeModalLabel: ue(a),
-    closeModalTargetId: ge(a),
-    closeModalIcon: Ce(a)
+    closeModalLabel: ue(l),
+    closeModalTargetId: ge(l),
+    closeModalIcon: Ce(l)
   };
 }, _e = ({
   children: o,
-  getAIStudioAgents: a,
-  hasCustomSuggestedQuestions: B,
+  getAIStudioAgents: l,
+  hasCustomSuggestedQuestions: x,
   hostAppName: m,
   isAIStudioAgentSelectorEnabled: f = !1,
-  isDebugModeEnabled: I,
+  isDebugModeEnabled: B,
   isStopResponseEnabled: _ = !1,
   itemSize: h,
   extension: T,
   onClearAction: g,
   onSelectAgent: k,
-  onSelectedAgentCallback: G,
-  recordAction: l,
-  shouldRenderProviders: P = !0,
-  shouldShowLandingPage: q = !1,
+  onSelectedAgentCallback: P,
+  recordAction: r,
+  shouldRenderProviders: q = !0,
+  shouldShowLandingPage: G = !1,
   stopPropagationOnEsc: H,
-  variant: b = "closable",
+  variant: R = "closable",
   items: i,
   parentItem: d,
   ...z
 }) => {
   var E, v;
   const {
-    open: L,
+    open: b,
     defaultOpen: F,
     onOpenChange: j,
     modal: D,
-    ...r
-  } = z, O = le(), Q = V() <= X.Medium;
-  me(H, L);
-  const u = (v = (E = r == null ? void 0 : r.questions) == null ? void 0 : E[r.questions.length - 1]) == null ? void 0 : v.error, [U, A] = se(!1), {
-    closeModalLabel: N,
+    ...a
+  } = z, L = le(), Q = V() <= X.Medium;
+  me(H, b);
+  const u = (v = (E = a == null ? void 0 : a.questions) == null ? void 0 : E[a.questions.length - 1]) == null ? void 0 : v.error, [U, O] = se(!1), {
+    closeModalLabel: A,
     closeModalTargetId: W,
     closeModalIcon: y
-  } = ae(() => pe(b), [b]), n = S((t) => {
-    l && (t.data ?? (t.data = {}), t.data.hostAppName = m, l(t));
-  }, [m, l]);
+  } = ae(() => pe(R), [R]), n = I((t) => {
+    r && (t.data ?? (t.data = {}), t.data.hostAppName = m, r(t));
+  }, [m, r]);
   C(() => {
     i || n({
       ...p,
@@ -67,7 +67,7 @@ const ge = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-c
         fileType: T
       }
     });
-  }, [n, T, h, i, l]), C(() => {
+  }, [n, T, h, i, r]), C(() => {
     i && n({
       ...p,
       target: "loaded",
@@ -79,8 +79,8 @@ const ge = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-c
         }))
       }
     });
-  }, [n, d, l]), C(() => {
-    u && u === ne.AGENT_NOT_FOUND && A(!0);
+  }, [n, d, r]), C(() => {
+    u && u === ne.AGENT_NOT_FOUND && O(!0);
   }, [u]);
   const K = () => {
     g && (g(), n({
@@ -88,11 +88,11 @@ const ge = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-c
       action: de,
       target: "clearChat"
     }));
-  }, J = S(async () => (A(!1), a()), [a]), R = /* @__PURE__ */ M(c, {
+  }, J = I(async () => (O(!1), l()), [l]), N = /* @__PURE__ */ M(c, {
     defaultOpen: F,
     modal: D,
     onOpenChange: j,
-    open: L,
+    open: b,
     children: [/* @__PURE__ */ e(c.Trigger, {
       children: o
     }), /* @__PURE__ */ M(c.Content, {
@@ -112,12 +112,12 @@ const ge = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-c
             isAIStudioAgentSelectorEnabled: f
           }), f && /* @__PURE__ */ e(oe, {
             contentClassName: s.agentSelectorContent,
-            disabled: r.hasRequestInProgress,
+            disabled: a.hasRequestInProgress,
             fetcher: J,
             hostAppName: m,
             onSelectAgent: k,
-            onSelectedAgentCallback: G,
-            recordAction: l,
+            onSelectedAgentCallback: P,
+            recordAction: r,
             requestState: U ? ie.ERROR : void 0,
             shouldHideAgentSelectorOnLoad: !0,
             triggerChipClassName: s.agentSelectorTrigger
@@ -125,24 +125,25 @@ const ge = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-c
         })
       }), /* @__PURE__ */ e(re, {
         className: s.boxAiContentAnswers,
-        hasCustomSuggestedQuestions: B,
+        hasCustomSuggestedQuestions: x,
         hostAppName: m,
         isAIStudioAgentSelectorEnabled: f,
-        isDebugModeEnabled: I,
+        isDebugModeEnabled: B,
         isStopResponseEnabled: _,
         items: i,
         parentItem: d,
         recordAction: n,
-        shouldShowLandingPage: q,
-        ...r
+        shouldShowLandingPage: G,
+        ...a
       }), g && /* @__PURE__ */ e(ce, {
+        hasRequestInProgress: a.hasRequestInProgress,
         onClick: K
       }), /* @__PURE__ */ e(Y, {
         children: /* @__PURE__ */ e(Z, {
-          content: O.formatMessage(N),
+          content: L.formatMessage(A),
           "data-testid": "content-answers-close-modal-tooltip",
           children: /* @__PURE__ */ e(c.Close, {
-            "aria-label": O.formatMessage(N),
+            "aria-label": L.formatMessage(A),
             className: s["modal-close-button"],
             "data-target-id": W,
             icon: y,
@@ -152,9 +153,9 @@ const ge = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-c
       })]
     })]
   });
-  return P ? /* @__PURE__ */ e(te, {
-    children: R
-  }) : R;
+  return q ? /* @__PURE__ */ e(te, {
+    children: N
+  }) : N;
 };
 export {
   _e as IntelligenceModal,

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

@@ -40,30 +40,30 @@ const Le = ({
   actions: B,
   children: i,
   className: n,
-  elementId: d = "",
+  elementId: l = "",
   sidebarView: A = "",
-  title: l,
-  subheader: r,
-  ...c
+  title: r,
+  subheader: c,
+  ...d
 }) => {
-  const b = `${d}${d === "" ? "" : "_"}${A}`, g = `${b}-content`;
+  const b = `${l}${l === "" ? "" : "_"}${A}`, g = `${b}-content`;
   return /* @__PURE__ */ p("div", {
     "aria-labelledby": b,
     className: y(t.bcsContent, n),
     "data-testid": "bcs-content",
     id: g,
     role: "tabpanel",
-    ...c,
+    ...d,
     children: [/* @__PURE__ */ p("div", {
       className: t.bcsContentHeader,
-      children: [l && /* @__PURE__ */ e(K, {
+      children: [r && /* @__PURE__ */ e(K, {
         as: "h3",
         className: t.bcsTitle,
-        children: l
+        children: r
       }), B]
-    }), r && /* @__PURE__ */ e("div", {
+    }), c && /* @__PURE__ */ e("div", {
       className: t.bcsContentSubheader,
-      children: r
+      children: c
     }), /* @__PURE__ */ e("div", {
       className: t.bcsScrollContentWrapper,
       children: /* @__PURE__ */ e("div", {
@@ -77,11 +77,11 @@ function Oe(B) {
   const {
     createSession: i,
     encodedSession: n,
-    onClearAction: d,
+    onClearAction: l,
     getAIStudioAgents: A,
-    hasRequestInProgress: l,
-    hostAppName: r,
-    isAIStudioAgentSelectorEnabled: c,
+    hasRequestInProgress: r,
+    hostAppName: c,
+    isAIStudioAgentSelectorEnabled: d,
     isLoading: b,
     onSelectAgent: g,
     questions: h,
@@ -148,13 +148,13 @@ function Oe(B) {
   const G = () => /* @__PURE__ */ p("div", {
     className: t.bcsBoxAISidebarTitlePart,
     children: [/* @__PURE__ */ e(Se, {
-      isAIStudioAgentSelectorEnabled: c
-    }), c && /* @__PURE__ */ e("div", {
+      isAIStudioAgentSelectorEnabled: d
+    }), d && /* @__PURE__ */ e("div", {
       className: t.bcsBoxAISidebarAgentSelector,
       children: /* @__PURE__ */ e(ne, {
-        disabled: l,
+        disabled: r,
         fetcher: A,
-        hostAppName: r,
+        hostAppName: c,
         onAgentsListOpen: x,
         onSelectAgent: g,
         onSelectedAgentCallback: D,
@@ -168,7 +168,8 @@ function Oe(B) {
     children: [/* @__PURE__ */ e(Le, {
       actions: /* @__PURE__ */ p($, {
         children: [G(), /* @__PURE__ */ e(de, {
-          onClick: d
+          hasRequestInProgress: r,
+          onClick: l
         }), /* @__PURE__ */ e(X, {
           content: f(C.sidebarBoxAISwitchToModalView),
           "data-testid": "content-answers-open-modal-tooltip",
@@ -194,8 +195,8 @@ function Oe(B) {
           className: t.bcsBoxAISidebarContentAnswers,
           contentName: O,
           contentType: f(C.sidebarBoxAIContent),
-          hostAppName: r,
-          isAIStudioAgentSelectorEnabled: c,
+          hostAppName: c,
+          isAIStudioAgentSelectorEnabled: d,
           isFeedbackEnabled: R,
           isFeedbackFormEnabled: k,
           isStopResponseEnabled: q,
@@ -217,15 +218,15 @@ function Oe(B) {
       contentType: f(C.sidebarBoxAIContent),
       extension: V,
       getAIStudioAgents: A,
-      hasRequestInProgress: l,
-      hostAppName: r,
-      isAIStudioAgentSelectorEnabled: c,
+      hasRequestInProgress: r,
+      hostAppName: c,
+      isAIStudioAgentSelectorEnabled: d,
       isFeedbackEnabled: R,
       isFeedbackFormEnabled: k,
       isStopResponseEnabled: q,
       items: T,
       itemSize: Q,
-      onClearAction: d,
+      onClearAction: l,
       onFeedbackFormSubmit: U,
       onOpenChange: J,
       onSelectAgent: g,

package/dist/types/lib/components/modal/clear-conversation-button.d.ts

@@ -1,5 +1,6 @@
 interface ClearConversationButtonProps {
     onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    hasRequestInProgress: boolean;
 }
-export declare const ClearConversationButton: ({ onClick }: ClearConversationButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ClearConversationButton: ({ onClick, hasRequestInProgress }: ClearConversationButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default ClearConversationButton;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/box-ai-content-answers",
-    "version": "0.148.4",
+    "version": "0.148.5",
     "peerDependencies": {
         "@box/blueprint-web": "^7.8.0",
         "@box/blueprint-web-assets": "^4.56.1",
@@ -17,10 +17,10 @@
     },
     "devDependencies": {
         "@box/babel-plugin-target-attributes": "1.3.0",
-        "@box/blueprint-web": "^12.64.3",
+        "@box/blueprint-web": "^12.64.4",
         "@box/blueprint-web-assets": "^4.65.0",
-        "@box/box-ai-agent-selector": "^0.58.4",
-        "@box/item-icon": "^0.23.4",
+        "@box/box-ai-agent-selector": "^0.58.5",
+        "@box/item-icon": "^0.23.5",
         "@box/storybook-utils": "^0.14.1",
         "@testing-library/react": "^15.0.6",
         "react": "^18.3.0",