@box/box-ai-content-answers 0.126.1 → 0.126.3

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

@@ -1,26 +1,26 @@
-import { useBreakpoint as V, Breakpoint as X, Modal as c, TooltipProvider as Y, Tooltip as Z } from "@box/blueprint-web";
-import { ArrowsCollapse as $ } from "@box/blueprint-web-assets/icons/Fill";
-import { BoxAiLogo as ee } from "@box/blueprint-web-assets/icons/Logo";
+import { useBreakpoint as X, Breakpoint as Y, Modal as c, TooltipProvider as Z, Tooltip as $ } from "@box/blueprint-web";
+import { ArrowsCollapse as ee } from "@box/blueprint-web-assets/icons/Fill";
+import { BoxAiLogo as oe } 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 u } 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";
-import { LOGGER_BASE_CONFIG as C, LOGGER_ACTION_CLICK as de } from "../common/constants.js";
-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 { BoxAiAgentSelectorWithApi as te, AgentsProvider as se } from "@box/box-ai-agent-selector";
+import { useState as ae, useMemo as le, useCallback as S, useEffect as u } from "react";
+import { useIntl as re } from "react-intl";
+import { BoxAiContentAnswers as ne } from "../../box-ai-content-answers.js";
+import { A as ie, R as de } from "../../../../chunks/types.js";
+import { LOGGER_BASE_CONFIG as C, LOGGER_ACTION_CLICK as ce } from "../common/constants.js";
+import { s, C as me } from "../../../../chunks/clear-conversation-button.js";
+import fe from "./hooks/useStopPropagationOnEsc.js";
+import { Title as ge } from "./title.js";
 import x from "./messages.js";
 import { jsxs as p, 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 ue = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-closeContentAnswersModal", Ce = (o) => o ? x.collapseModalAriaLabel : x.closeModalAriaLabel, pe = (o) => o ? ee : void 0, Me = (o) => {
   const a = o === "collapsible";
   return {
-    closeModalLabel: ue(a),
-    closeModalTargetId: ge(a),
-    closeModalIcon: Ce(a)
+    closeModalLabel: Ce(a),
+    closeModalTargetId: ue(a),
+    closeModalIcon: pe(a)
   };
-}, _e = ({
+}, ke = ({
   children: o,
   getAIStudioAgents: a,
   hasCustomSuggestedQuestions: B,
@@ -33,29 +33,30 @@ const ge = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-c
   extension: h,
   onClearAction: T,
   onSelectAgent: G,
+  onSelectedAgentCallback: P,
   recordAction: l,
-  shouldRenderProviders: P = !0,
-  shouldShowLandingPage: q = !1,
-  stopPropagationOnEsc: H,
+  shouldRenderProviders: q = !0,
+  shouldShowLandingPage: H = !1,
+  stopPropagationOnEsc: z,
   variant: b = "closable",
   items: i,
   parentItem: d,
-  ...z
+  ...F
 }) => {
   var E, v;
   const {
     open: A,
-    defaultOpen: F,
-    onOpenChange: j,
-    modal: D,
+    defaultOpen: j,
+    onOpenChange: D,
+    modal: Q,
     ...r
-  } = z, L = le(), Q = V() <= X.Medium;
-  me(H, A);
-  const g = (v = (E = r == null ? void 0 : r.questions) == null ? void 0 : E[r.questions.length - 1]) == null ? void 0 : v.error, [U, O] = se(!1), {
+  } = F, L = re(), U = X() <= Y.Medium;
+  fe(z, A);
+  const g = (v = (E = r == null ? void 0 : r.questions) == null ? void 0 : E[r.questions.length - 1]) == null ? void 0 : v.error, [W, O] = ae(!1), {
     closeModalLabel: N,
-    closeModalTargetId: W,
-    closeModalIcon: y
-  } = ae(() => pe(b), [b]), n = S((t) => {
+    closeModalTargetId: y,
+    closeModalIcon: K
+  } = le(() => Me(b), [b]), n = S((t) => {
     l && (t.data ?? (t.data = {}), t.data.hostAppName = m, l(t));
   }, [m, l]);
   u(() => {
@@ -80,18 +81,18 @@ const ge = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-c
       }
     });
   }, [n, d, l]), u(() => {
-    g && g === ne.AGENT_NOT_FOUND && O(!0);
+    g && g === ie.AGENT_NOT_FOUND && O(!0);
   }, [g]);
-  const K = () => {
+  const J = () => {
     T && (T(), n({
       ...C,
-      action: de,
+      action: ce,
       target: "clearChat"
     }));
-  }, J = S(async () => (O(!1), a()), [a]), R = /* @__PURE__ */ p(c, {
-    defaultOpen: F,
-    modal: D,
-    onOpenChange: j,
+  }, V = S(async () => (O(!1), a()), [a]), R = /* @__PURE__ */ p(c, {
+    defaultOpen: j,
+    modal: Q,
+    onOpenChange: D,
     open: A,
     children: [/* @__PURE__ */ e(c.Trigger, {
       children: o
@@ -103,26 +104,27 @@ const ge = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-c
         className: s.modalHeaderContainer,
         children: /* @__PURE__ */ p("div", {
           className: s.modalHeader,
-          children: [!Q && /* @__PURE__ */ e(ee, {
+          children: [!U && /* @__PURE__ */ e(oe, {
             className: s.BoxAIIconColor,
             "data-testid": "content-answers-icon-color",
             height: w,
             width: w
-          }), /* @__PURE__ */ e(fe, {
+          }), /* @__PURE__ */ e(ge, {
             isAIStudioAgentSelectorEnabled: f
-          }), f && /* @__PURE__ */ e(oe, {
+          }), f && /* @__PURE__ */ e(te, {
             contentClassName: s.agentSelectorContent,
             disabled: r.hasRequestInProgress,
-            fetcher: J,
+            fetcher: V,
             hostAppName: m,
             onSelectAgent: G,
+            onSelectedAgentCallback: P,
             recordAction: l,
-            requestState: U ? ie.ERROR : void 0,
+            requestState: W ? de.ERROR : void 0,
             shouldHideAgentSelectorOnLoad: !0,
             triggerChipClassName: s.agentSelectorTrigger
           })]
         })
-      }), /* @__PURE__ */ e(re, {
+      }), /* @__PURE__ */ e(ne, {
         className: s.boxAiContentAnswers,
         hasCustomSuggestedQuestions: B,
         hostAppName: m,
@@ -132,30 +134,30 @@ const ge = (o) => o ? "Modal.Close-collapseContentAnswersModal" : "Modal.Close-c
         items: i,
         parentItem: d,
         recordAction: n,
-        shouldShowLandingPage: q,
+        shouldShowLandingPage: H,
         ...r
-      }), _ && /* @__PURE__ */ e(ce, {
-        onClick: K
-      }), /* @__PURE__ */ e(Y, {
-        children: /* @__PURE__ */ e(Z, {
+      }), _ && /* @__PURE__ */ e(me, {
+        onClick: J
+      }), /* @__PURE__ */ e(Z, {
+        children: /* @__PURE__ */ e($, {
           content: L.formatMessage(N),
           "data-testid": "content-answers-close-modal-tooltip",
           children: /* @__PURE__ */ e(c.Close, {
             "aria-label": L.formatMessage(N),
             className: s["modal-close-button"],
-            "data-target-id": W,
-            icon: y,
+            "data-target-id": y,
+            icon: K,
             size: "small"
           })
         })
       })]
     })]
   });
-  return P ? /* @__PURE__ */ e(te, {
+  return q ? /* @__PURE__ */ e(se, {
     children: R
   }) : R;
 };
 export {
-  _e as IntelligenceModal,
-  _e as default
+  ke as IntelligenceModal,
+  ke as default
 };

package/dist/types/lib/components/api-wrapper/types.d.ts

@@ -113,6 +113,7 @@ export type ApiWrapperWithInjectedProps = ApiWrapperProps & {
     onAgentEditorToggle: (agent: AgentType) => void;
     onClearAction: () => void;
     onSelectAgent: (agent: AgentType) => void;
+    onSelectedAgentCallback: (selectedAgent: AgentType) => void;
     /**
      * @deprecated Prefer passing chatMessages instead since this prop will be deprecated soon
      */

package/dist/types/lib/components/modal/modal.d.ts

@@ -33,6 +33,8 @@ export type IntelligenceModalProps = ModalProps & Omit<BoxAiContentAnswersProps,
     onClearAction?: () => void;
     /** Callback function when an agent is selected */
     onSelectAgent?: (agent: AgentType) => void;
+    /** Callback function when an agent is selected; does not get overridden */
+    onSelectedAgentCallback?: (agent: AgentType) => void;
     /** Determines the modal variant */
     variant?: 'closable' | 'collapsible';
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/box-ai-content-answers",
-    "version": "0.126.1",
+    "version": "0.126.3",
     "peerDependencies": {
         "@box/blueprint-web": "^7.8.0",
         "@box/blueprint-web-assets": "^4.35.0",
@@ -17,10 +17,10 @@
     },
     "devDependencies": {
         "@box/babel-plugin-target-attributes": "1.3.0",
-        "@box/blueprint-web": "^12.7.0",
+        "@box/blueprint-web": "^12.7.1",
         "@box/blueprint-web-assets": "^4.48.0",
-        "@box/box-ai-agent-selector": "^0.41.14",
-        "@box/item-icon": "^0.9.150",
+        "@box/box-ai-agent-selector": "^0.41.16",
+        "@box/item-icon": "^0.9.151",
         "@box/storybook-utils": "^0.13.1",
         "@testing-library/react": "^15.0.6",
         "react": "^18.3.0",