@box/box-ai-content-answers 0.74.2 → 0.75.0

package/chunks/clear-conversation-button.js

@@ -0,0 +1,39 @@
+import "../styles/clear-conversation-button.css";
+import { Tooltip as r, IconButton as a } from "@box/blueprint-web";
+import { Trash as s } from "@box/blueprint-web-assets/icons/Line";
+import { useIntl as l } from "react-intl";
+import e from "../esm/lib/components/modal/messages.js";
+import { jsx as t } from "react/jsx-runtime";
+const c = "_BoxAIIconColor_1ed3r_1", d = "_modalHeader_1ed3r_5", i = "_contentAnswersModal_1ed3r_10", _ = "_boxAiContentAnswers_1ed3r_17", m = "_clearButton_1ed3r_25", C = "_contentAnswerModal_1ed3r_1", g = "_modalHeaderContainer_1ed3r_54", A = "_agentSelectorTrigger_1ed3r_62", u = "_agentSelectorContent_1ed3r_73", b = {
+  BoxAIIconColor: c,
+  modalHeader: d,
+  contentAnswersModal: i,
+  boxAiContentAnswers: _,
+  clearButton: m,
+  "modal-close-button": "_modal-close-button_1ed3r_29",
+  contentAnswerModal: C,
+  modalHeaderContainer: g,
+  agentSelectorTrigger: A,
+  agentSelectorContent: u
+}, f = ({
+  onClick: n
+}) => {
+  const o = l();
+  return /* @__PURE__ */ t(r, {
+    content: o.formatMessage(e.clearConversationLabel),
+    "data-testid": "clear-conversation-tooltip",
+    variant: "standard",
+    children: /* @__PURE__ */ t(a, {
+      "aria-label": o.formatMessage(e.clearConversationLabel),
+      className: b.clearButton,
+      "data-testid": "clear-conversation-button",
+      icon: s,
+      onClick: n,
+      size: "small"
+    })
+  });
+};
+export {
+  f as C,
+  b as s
+};

package/esm/index.js

@@ -1,14 +1,16 @@
 import { BoxAiContentAnswers as e } from "./lib/box-ai-content-answers.js";
-import { AnswerContent as R } from "./lib/components/answer/answer-content.js";
-import { withApiWrapper as p } from "./lib/components/api-wrapper/api-wrapper.js";
-import { IntelligenceModal as E } from "./lib/components/modal/modal.js";
-import { A as x, C as a, R as f } from "../chunks/types.js";
+import { AnswerContent as n } from "./lib/components/answer/answer-content.js";
+import { withApiWrapper as R } from "./lib/components/api-wrapper/api-wrapper.js";
+import { C as s } from "../chunks/clear-conversation-button.js";
+import { IntelligenceModal as A } from "./lib/components/modal/modal.js";
+import { A as E, C as f, R as m } from "../chunks/types.js";
 export {
-  x as ANSWER_ERROR,
-  R as AnswerContent,
+  E as ANSWER_ERROR,
+  n as AnswerContent,
   e as BoxAiContentAnswers,
-  a as CONTENT_ERROR,
-  E as IntelligenceModal,
-  f as REQUEST_STATE,
-  p as withApiWrapper
+  f as CONTENT_ERROR,
+  s as ClearConversationButton,
+  A as IntelligenceModal,
+  m as REQUEST_STATE,
+  R as withApiWrapper
 };

package/esm/lib/components/modal/clear-conversation-button.js

@@ -0,0 +1,10 @@
+import "@box/blueprint-web";
+import "@box/blueprint-web-assets/icons/Line";
+import "react-intl";
+import "./messages.js";
+import { C as e, C } from "../../../../chunks/clear-conversation-button.js";
+import "react/jsx-runtime";
+export {
+  e as ClearConversationButton,
+  C as default
+};

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

@@ -1,155 +1,132 @@
-import "../../../../styles/modal.css";
-import { useBreakpoint as U, Breakpoint as W, Modal as l, Text as D, Tooltip as K, IconButton as $ } from "@box/blueprint-web";
-import { ArrowsCollapse as J } from "@box/blueprint-web-assets/icons/Fill";
-import { Trash as V } from "@box/blueprint-web-assets/icons/Line";
-import { BoxAiLogo as X } from "@box/blueprint-web-assets/icons/Logo";
-import { Size8 as x } from "@box/blueprint-web-assets/tokens/tokens";
-import { BoxAiAgentSelectorWithApi as Y, AgentsProvider as Z } from "@box/box-ai-agent-selector";
-import i from "react";
-import { useIntl as y } from "react-intl";
-import { BoxAiContentAnswers as ee } from "../../box-ai-content-answers.js";
-import { AgentsProvider as te } from "../../contexts/AgentsContext.js";
-import { A as oe, R as re } from "../../../../chunks/types.js";
-import { AgentSelector as ne } from "../agents/agent-selector.js";
-import { LOGGER_BASE_CONFIG as B, LOGGER_ACTION_CLICK as ae } from "../common/constants.js";
+import { useBreakpoint as U, Breakpoint as W, Modal as n, Text as D } from "@box/blueprint-web";
+import { ArrowsCollapse as K } from "@box/blueprint-web-assets/icons/Fill";
+import { BoxAiLogo as $ } from "@box/blueprint-web-assets/icons/Logo";
+import { Size8 as T } from "@box/blueprint-web-assets/tokens/tokens";
+import { BoxAiAgentSelectorWithApi as J, AgentsProvider as V } from "@box/box-ai-agent-selector";
+import l from "react";
+import { useIntl as X } from "react-intl";
+import { BoxAiContentAnswers as Y } from "../../box-ai-content-answers.js";
+import { AgentsProvider as Z } from "../../contexts/AgentsContext.js";
+import { A as y, R as ee } from "../../../../chunks/types.js";
+import { AgentSelector as te } from "../agents/agent-selector.js";
+import { LOGGER_BASE_CONFIG as L, LOGGER_ACTION_CLICK as oe } from "../common/constants.js";
+import { s as t, C as re } from "../../../../chunks/clear-conversation-button.js";
 import se from "./hooks/useStopPropagationOnEsc.js";
-import c from "./messages.js";
-import { jsxs as _, jsx as e } from "react/jsx-runtime";
-const le = "_BoxAIIconColor_1ed3r_1", ie = "_modalHeader_1ed3r_5", ce = "_contentAnswersModal_1ed3r_10", de = "_boxAiContentAnswers_1ed3r_17", me = "_clearButton_1ed3r_25", ge = "_contentAnswerModal_1ed3r_1", _e = "_modalHeaderContainer_1ed3r_54", fe = "_agentSelectorTrigger_1ed3r_62", Ce = "_agentSelectorContent_1ed3r_73", t = {
-  BoxAIIconColor: le,
-  modalHeader: ie,
-  contentAnswersModal: ce,
-  boxAiContentAnswers: de,
-  clearButton: me,
-  "modal-close-button": "_modal-close-button_1ed3r_29",
-  contentAnswerModal: ge,
-  modalHeaderContainer: _e,
-  agentSelectorTrigger: fe,
-  agentSelectorContent: Ce
-}, He = ({
-  children: N,
-  getAIStudioAgents: f,
-  hasCustomSuggestedQuestions: S,
+import f from "./messages.js";
+import { jsxs as g, jsx as e } from "react/jsx-runtime";
+const Re = ({
+  children: _,
+  getAIStudioAgents: p,
+  hasCustomSuggestedQuestions: b,
   hostAppName: m,
   isAgentSelectorEnabled: C,
-  isAIStudioAgentSelectorEnabled: d,
-  isDebugModeEnabled: O,
-  isResetChatEnabled: I,
-  isStopResponseEnabled: L = !1,
+  isAIStudioAgentSelectorEnabled: i,
+  isDebugModeEnabled: x,
+  isResetChatEnabled: k,
+  isStopResponseEnabled: w = !1,
   itemSize: u,
-  extension: A,
-  onClearAction: p,
-  onSelectAgent: R,
+  extension: h,
+  onClearAction: A,
+  onSelectAgent: B,
   recordAction: o,
-  shouldRenderProviders: E = !0,
-  stopPropagationOnEsc: H,
-  variant: h = "closable",
-  ...k
+  shouldRenderProviders: S = !0,
+  stopPropagationOnEsc: G,
+  variant: N = "closable",
+  ...I
 }) => {
-  var v, T;
+  var E, M;
   const {
-    open: M,
-    defaultOpen: G,
-    onOpenChange: P,
-    modal: z,
+    open: O,
+    defaultOpen: P,
+    onOpenChange: H,
+    modal: q,
     ...r
-  } = k, n = y(), q = U() <= W.Medium;
-  se(H, M);
-  const g = (T = (v = r == null ? void 0 : r.questions) == null ? void 0 : v[r.questions.length - 1]) == null ? void 0 : T.error, [F, b] = i.useState(!1), a = i.useCallback((s) => {
-    o && (s.data ?? (s.data = {}), s.data.hostAppName = m, o(s));
+  } = I, c = X(), z = U() <= W.Medium;
+  se(G, O);
+  const d = (M = (E = r == null ? void 0 : r.questions) == null ? void 0 : E[r.questions.length - 1]) == null ? void 0 : M.error, [F, v] = l.useState(!1), s = l.useCallback((a) => {
+    o && (a.data ?? (a.data = {}), a.data.hostAppName = m, o(a));
   }, [m, o]);
-  i.useEffect(() => {
-    a({
-      ...B,
+  l.useEffect(() => {
+    s({
+      ...L,
       target: "loaded",
       data: {
         fileSize: u,
-        fileType: A
+        fileType: h
       }
     });
-  }, [a, A, u, o]), i.useEffect(() => {
-    g && g === oe.AGENT_NOT_FOUND && b(!0);
-  }, [g]);
+  }, [s, h, u, o]), l.useEffect(() => {
+    d && d === y.AGENT_NOT_FOUND && v(!0);
+  }, [d]);
   const j = () => {
-    p && (p(), a({
-      ...B,
-      action: ae,
+    A && (A(), s({
+      ...L,
+      action: oe,
       target: "clearChat"
     }));
-  }, Q = i.useCallback(async () => (b(!1), f()), [f]), w = /* @__PURE__ */ _(l, {
-    defaultOpen: G,
-    modal: z,
-    onOpenChange: P,
-    open: M,
-    children: [/* @__PURE__ */ e(l.Trigger, {
-      children: N
-    }), /* @__PURE__ */ _(l.Content, {
+  }, Q = l.useCallback(async () => (v(!1), p()), [p]), R = /* @__PURE__ */ g(n, {
+    defaultOpen: P,
+    modal: q,
+    onOpenChange: H,
+    open: O,
+    children: [/* @__PURE__ */ e(n.Trigger, {
+      children: _
+    }), /* @__PURE__ */ g(n.Content, {
       className: t.contentAnswersModal,
       "data-testid": "content-answers-modal",
       size: "xlarge",
-      children: [/* @__PURE__ */ e(l.Header, {
+      children: [/* @__PURE__ */ e(n.Header, {
         className: t.modalHeaderContainer,
-        children: /* @__PURE__ */ _("div", {
+        children: /* @__PURE__ */ g("div", {
           className: t.modalHeader,
-          children: [!q && /* @__PURE__ */ e(X, {
+          children: [!z && /* @__PURE__ */ e($, {
             className: t.BoxAIIconColor,
             "data-testid": "content-answers-icon-color",
-            height: x,
-            width: x
+            height: T,
+            width: T
           }), /* @__PURE__ */ e(D, {
             as: "span",
             variant: "titleMedium",
-            children: n.formatMessage(c.contentAnswersTitle)
-          }), !d && C && /* @__PURE__ */ e(ne, {
-            onSelectAgent: R,
-            recordAction: a
-          }), d && /* @__PURE__ */ e(Y, {
+            children: c.formatMessage(f.contentAnswersTitle)
+          }), !i && C && /* @__PURE__ */ e(te, {
+            onSelectAgent: B,
+            recordAction: s
+          }), i && /* @__PURE__ */ e(J, {
             contentClassName: t.agentSelectorContent,
             fetcher: Q,
             hostAppName: m,
             recordAction: o,
-            requestState: F ? re.ERROR : void 0,
+            requestState: F ? ee.ERROR : void 0,
             shouldHideAgentSelectorOnLoad: !0,
             triggerChipClassName: t.agentSelectorTrigger
           })]
         })
-      }), I && /* @__PURE__ */ e(K, {
-        content: n.formatMessage(c.clearConversationLabel),
-        "data-testid": "clear-conversation-tooltip",
-        side: "top",
-        variant: "standard",
-        children: /* @__PURE__ */ e($, {
-          "aria-label": n.formatMessage(c.clearConversationLabel),
-          className: t.clearButton,
-          "data-testid": "clear-conversation-button",
-          icon: V,
-          onClick: j,
-          size: "small"
-        })
-      }), /* @__PURE__ */ e(l.Close, {
-        "aria-label": h === "collapsible" ? n.formatMessage(c.collapseModalAriaLabel) : n.formatMessage(c.closeModalAriaLabel),
+      }), k && /* @__PURE__ */ e(re, {
+        onClick: j
+      }), /* @__PURE__ */ e(n.Close, {
+        "aria-label": N === "collapsible" ? c.formatMessage(f.collapseModalAriaLabel) : c.formatMessage(f.closeModalAriaLabel),
         className: t["modal-close-button"],
-        icon: h === "collapsible" ? J : void 0,
+        icon: N === "collapsible" ? K : void 0,
         size: "small"
-      }), /* @__PURE__ */ e(ee, {
+      }), /* @__PURE__ */ e(Y, {
         className: t.boxAiContentAnswers,
-        hasCustomSuggestedQuestions: S,
-        isAgentSelectorEnabled: !d && C,
-        isAIStudioAgentSelectorEnabled: d,
-        isDebugModeEnabled: O,
-        isStopResponseEnabled: L,
-        recordAction: a,
+        hasCustomSuggestedQuestions: b,
+        isAgentSelectorEnabled: !i && C,
+        isAIStudioAgentSelectorEnabled: i,
+        isDebugModeEnabled: x,
+        isStopResponseEnabled: w,
+        recordAction: s,
         ...r
       })]
     })]
   });
-  return E ? /* @__PURE__ */ e(Z, {
-    children: /* @__PURE__ */ e(te, {
-      children: w
+  return S ? /* @__PURE__ */ e(V, {
+    children: /* @__PURE__ */ e(Z, {
+      children: R
     })
-  }) : w;
+  }) : R;
 };
 export {
-  He as IntelligenceModal,
-  He as default
+  Re as IntelligenceModal,
+  Re as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/box-ai-content-answers",
-  "version": "0.74.2",
+  "version": "0.75.0",
   "peerDependencies": {
     "@box/blueprint-web": "^7.8.0",
     "@box/blueprint-web-assets": "^4.16.0",
@@ -14,9 +14,9 @@
     "remarkable": "^2.0.1"
   },
   "devDependencies": {
-    "@box/blueprint-web": "^9.5.0",
+    "@box/blueprint-web": "^9.5.1",
     "@box/blueprint-web-assets": "^4.31.0",
-    "@box/box-ai-agent-selector": "^0.18.2",
+    "@box/box-ai-agent-selector": "^0.18.3",
     "@box/storybook-utils": "^0.8.0",
     "@testing-library/react": "^15.0.6",
     "react": "^18.3.0",
@@ -54,5 +54,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "b2faf0831bb50c94a2fad4178d7e8b580c5a6c6e"
+  "gitHead": "039c742b65fea561ed44a219001de569b6430363"
 }

package/types/index.d.ts

@@ -1,5 +1,6 @@
 export * from './lib/box-ai-content-answers';
 export * from './lib/components/answer/answer-content';
 export * from './lib/components/api-wrapper/api-wrapper';
+export * from './lib/components/modal/clear-conversation-button';
 export * from './lib/components/modal/modal';
 export * from './lib/types';

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

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