@box/box-ai-content-answers 0.105.0 → 0.106.1

package/esm/index.js

@@ -1,18 +1,20 @@
 import { BoxAiContentAnswers as e } from "./lib/box-ai-content-answers.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 f, C as m, R as C } from "../chunks/types.js";
-import { APP_MODE as T } from "./lib/constants.js";
+import { AnswerContent as p } from "./lib/components/answer/answer-content.js";
+import { withApiWrapper as s } from "./lib/components/api-wrapper/api-wrapper.js";
+import { C as x } from "../chunks/clear-conversation-button.js";
+import { IntelligenceModal as a } from "./lib/components/modal/modal.js";
+import { usePromptFocus as A } from "./lib/hooks/usePromptFocus.js";
+import { A as C, C as i, R as T } from "../chunks/types.js";
+import { APP_MODE as O } from "./lib/constants.js";
 export {
-  f as ANSWER_ERROR,
-  T as APP_MODE,
-  n as AnswerContent,
+  C as ANSWER_ERROR,
+  O as APP_MODE,
+  p as AnswerContent,
   e as BoxAiContentAnswers,
-  m as CONTENT_ERROR,
-  s as ClearConversationButton,
-  A as IntelligenceModal,
-  C as REQUEST_STATE,
-  R as withApiWrapper
+  i as CONTENT_ERROR,
+  x as ClearConversationButton,
+  a as IntelligenceModal,
+  T as REQUEST_STATE,
+  A as usePromptFocus,
+  s as withApiWrapper
 };

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

@@ -1,96 +1,97 @@
-import { LoadingIndicator as W } from "@box/blueprint-web";
-import q from "clsx";
+import { LoadingIndicator as F } from "@box/blueprint-web";
+import M from "clsx";
 import * as t from "react";
-import { useIntl as F } from "react-intl";
-import M from "../../messages.js";
-import { C as j } from "../../../../chunks/types.js";
-import { Chat as k } from "../chat/chat.js";
-import { ModalError as y } from "../modal-error/modal-error.js";
-import { jsx as n, jsxs as H, Fragment as S } from "react/jsx-runtime";
-import '../../../../styles/content.css';const V = "_loadingIndicatorWrapper_1qwsa_1", A = "_content_1qwsa_5", B = "_sidebar_1qwsa_14", G = "_isLoading_1qwsa_17", D = "_messagesEnd_1qwsa_21", J = "_innerContent_1qwsa_25", r = {
-  loadingIndicatorWrapper: V,
-  content: A,
-  sidebar: B,
-  isLoading: G,
-  messagesEnd: D,
-  innerContent: J
-}, ee = ({
+import { useIntl as S } from "react-intl";
+import j from "../../messages.js";
+import { C as k } from "../../../../chunks/types.js";
+import { Chat as y } from "../chat/chat.js";
+import { ModalError as H } from "../modal-error/modal-error.js";
+import { jsx as n, jsxs as V, Fragment as A } from "react/jsx-runtime";
+import '../../../../styles/content.css';const B = "_loadingIndicatorWrapper_1qwsa_1", D = "_content_1qwsa_5", G = "_sidebar_1qwsa_14", J = "_isLoading_1qwsa_17", K = "_messagesEnd_1qwsa_21", Q = "_innerContent_1qwsa_25", r = {
+  loadingIndicatorWrapper: B,
+  content: D,
+  sidebar: G,
+  isLoading: J,
+  messagesEnd: K,
+  innerContent: Q
+}, ne = ({
   error: u,
-  hasCustomSuggestedQuestions: E,
+  hasCustomSuggestedQuestions: C,
   hasRequestInProgress: c = !1,
-  isErrorMessageShown: C = !1,
+  isErrorMessageShown: h = !1,
   isStreamingEnabled: i = !1,
-  questions: R,
+  questions: w,
   recordAction: m,
-  showLoadingIndicator: _ = !1,
-  suggestedQuestions: b,
-  askSuggestedQuestion: h,
-  setAskSuggestedQuestion: w,
-  useAnimation: v,
-  variant: p = "modal",
+  showLoadingIndicator: p = !1,
+  suggestedQuestions: R,
+  askSuggestedQuestion: b,
+  setAskSuggestedQuestion: v,
+  useAnimation: I,
+  variant: _ = "modal",
   hostAppName: L = "",
   ...N
 }) => {
-  const d = t.useRef(null), l = t.useRef(null), f = t.useRef(null), a = t.useRef(!0), {
-    formatMessage: I
-  } = F(), g = u === j.LARGE_FILE, s = t.useCallback((o) => {
+  const d = t.useRef(null), l = t.useRef(null), f = t.useRef(null), s = t.useRef(!0), [g, O] = t.useState(!1), {
+    formatMessage: x
+  } = S(), E = u === k.LARGE_FILE, o = t.useCallback((a) => {
     var e;
-    (e = f.current) != null && e.scrollIntoView && l.current && (!i || a.current) && f.current.scrollIntoView({
-      behavior: o,
+    (e = f.current) != null && e.scrollIntoView && l.current && (!i || s.current) && f.current.scrollIntoView({
+      behavior: a,
       block: "nearest"
     });
-  }, [i]), x = () => {
+  }, [i]), z = () => {
     if (l.current) {
       const {
-        scrollTop: o,
+        scrollTop: a,
         clientHeight: e,
-        scrollHeight: O
-      } = l.current, T = O - (o + e);
-      if (c && T > 100) {
-        a.current = !1;
+        scrollHeight: W
+      } = l.current, q = W - (a + e);
+      if (c && q > 100) {
+        s.current = !1;
         return;
       }
-      a.current = !0;
+      s.current = !0;
     }
   };
   t.useEffect(() => {
-    c && (a.current = !0, s("instant"));
-  }, [s, c]), t.useEffect(() => {
-    a.current = !0, s("instant");
-  }, [s]), t.useLayoutEffect(() => {
+    g ? s.current = !1 : c && (s.current = !0, o("instant"));
+  }, [g, o, c]), t.useEffect(() => {
+    s.current = !0, o("instant");
+  }, [o]), t.useLayoutEffect(() => {
     if (!d.current)
       return;
-    const o = new ResizeObserver(() => {
-      s(i ? "instant" : "smooth");
+    const a = new ResizeObserver(() => {
+      o(i ? "instant" : "smooth");
     }), e = d.current;
-    return e && o.observe(e), () => {
-      e && o.unobserve(e);
+    return e && a.observe(e), () => {
+      e && a.unobserve(e);
     };
-  }, [s, i]);
-  const z = () => C && !g ? /* @__PURE__ */ n(y, {
+  }, [o, i]);
+  const T = () => h && !E ? /* @__PURE__ */ n(H, {
     error: u,
     recordAction: m
-  }) : _ ? /* @__PURE__ */ n("div", {
+  }) : p ? /* @__PURE__ */ n("div", {
     className: r.loadingIndicatorWrapper,
-    children: /* @__PURE__ */ n(W, {
-      "aria-label": I(M.loading),
+    children: /* @__PURE__ */ n(F, {
+      "aria-label": x(j.loading),
       className: r.loadingIndicator,
       "data-testid": "content-answers-modal-loading-indicator",
       size: "large"
     })
-  }) : /* @__PURE__ */ H(S, {
-    children: [/* @__PURE__ */ n(k, {
-      askSuggestedQuestion: h,
-      hasCustomSuggestedQuestions: E,
+  }) : /* @__PURE__ */ V(A, {
+    children: [/* @__PURE__ */ n(y, {
+      askSuggestedQuestion: b,
+      hasCustomSuggestedQuestions: C,
       hasRequestInProgress: c,
       hostAppName: L,
-      isFileSizeError: g,
-      questions: R,
+      isFileSizeError: E,
+      onDropdownOpenChange: O,
+      questions: w,
       recordAction: m,
-      setAskSuggestedQuestion: w,
-      suggestedQuestions: b,
-      useAnimation: v,
-      variant: p,
+      setAskSuggestedQuestion: v,
+      suggestedQuestions: R,
+      useAnimation: I,
+      variant: _,
       ...N
     }), /* @__PURE__ */ n("div", {
       ref: f,
@@ -99,17 +100,17 @@ import '../../../../styles/content.css';const V = "_loadingIndicatorWrapper_1qws
   });
   return /* @__PURE__ */ n("div", {
     ref: l,
-    className: q(r.content, p === "sidebar" && r.sidebar, _ && r.isLoading),
+    className: M(r.content, _ === "sidebar" && r.sidebar, p && r.isLoading),
     "data-testid": "content-answers-content",
-    onScroll: x,
+    onScroll: z,
     children: /* @__PURE__ */ n("div", {
       ref: d,
       className: r.innerContent,
-      children: z()
+      children: T()
     })
   });
 };
 export {
-  ee as Content,
-  ee as default
+  ne as Content,
+  ne as default
 };

package/esm/lib/components/welcome-message/contextual-items-message.js

@@ -1,37 +1,39 @@
-import l from "clsx";
-import { FormattedMessage as f } from "react-intl";
-import { ItemsDropdown as x } from "./items-dropdown.js";
-import _ from "./messages.js";
-import { jsx as o, jsxs as u } from "react/jsx-runtime";
-import '../../../../styles/contextual-items-message.css';const b = "_askQuestionText_145d3_1", w = "_sidebar_145d3_5", k = "_itemsDropdown_145d3_8", i = {
-  askQuestionText: b,
-  sidebar: w,
-  itemsDropdown: k
-}, h = ({
+import f from "clsx";
+import { FormattedMessage as x } from "react-intl";
+import { ItemsDropdown as _ } from "./items-dropdown.js";
+import u from "./messages.js";
+import { jsx as o, jsxs as b } from "react/jsx-runtime";
+import '../../../../styles/contextual-items-message.css';const w = "_askQuestionText_145d3_1", k = "_sidebar_145d3_5", D = "_itemsDropdown_145d3_8", i = {
+  askQuestionText: w,
+  sidebar: k,
+  itemsDropdown: D
+}, v = ({
   contentName: n,
   isUsedInsideSidebar: r = !1,
   supportedItems: e,
   onItemClick: a,
-  parentItem: s
+  parentItem: s,
+  onDropdownOpenChange: d
 }) => {
   var m;
-  const d = e.length || 1, c = ((m = e[0]) == null ? void 0 : m.name) || n, t = (s == null ? void 0 : s.id) !== "0" ? s == null ? void 0 : s.name : void 0;
+  const c = e.length || 1, l = ((m = e[0]) == null ? void 0 : m.name) || n, t = (s == null ? void 0 : s.id) !== "0" ? s == null ? void 0 : s.name : void 0;
   return /* @__PURE__ */ o("div", {
-    className: l(i.askQuestionText, {
+    className: f(i.askQuestionText, {
       [i.sidebar]: r
     }),
-    children: /* @__PURE__ */ o(f, {
-      ..._.welcomeAskQuestionText,
+    children: /* @__PURE__ */ o(x, {
+      ...u.welcomeAskQuestionText,
       values: {
         firstItemName: /* @__PURE__ */ o("b", {
-          children: c
+          children: l
         }),
-        parentItem: t && /* @__PURE__ */ u("b", {
+        parentItem: t && /* @__PURE__ */ b("b", {
           children: ["“", t, "”"]
         }),
-        numberOfItems: d,
-        files: /* @__PURE__ */ o(x, {
+        numberOfItems: c,
+        files: /* @__PURE__ */ o(_, {
           className: i.itemsDropdown,
+          onDropdownOpenChange: d,
           onItemClick: a,
           supportedItems: e
         })
@@ -40,6 +42,6 @@ import '../../../../styles/contextual-items-message.css';const b = "_askQuestion
   });
 };
 export {
-  h as ContextualItemsMessage,
-  h as default
+  v as ContextualItemsMessage,
+  v as default
 };

package/esm/lib/components/welcome-message/items-dropdown.js

@@ -1,48 +1,49 @@
-import { useBreakpoint as N, Breakpoint as T, DropdownMenu as e, Link as I, Text as _ } from "@box/blueprint-web";
-import { Size5 as k } from "@box/blueprint-web-assets/tokens/tokens";
-import { ItemIcon as x } from "@box/item-icon";
+import { useBreakpoint as T, Breakpoint as I, DropdownMenu as e, Link as k, Text as _ } from "@box/blueprint-web";
+import { Size5 as x } from "@box/blueprint-web-assets/tokens/tokens";
+import { ItemIcon as C } from "@box/item-icon";
 import M from "clsx";
-import { useMemo as g, useCallback as C } from "react";
-import { useIntl as F } from "react-intl";
+import { useMemo as g, useCallback as F } from "react";
+import { useIntl as H } from "react-intl";
 import r from "./messages.js";
-import { jsxs as s, jsx as n, Fragment as H } from "react/jsx-runtime";
-import '../../../../styles/items-dropdown.css';const y = "_itemsDropdownTriggerLink_12lcp_1", S = "_itemsDropdownContent_12lcp_6", B = "_itemsDropdownItemIcon_12lcp_11", O = "_itemsDropdownItemName_12lcp_15", j = "_itemsDropdownLabel_12lcp_21", o = {
-  itemsDropdownTriggerLink: y,
+import { jsxs as s, jsx as n, Fragment as y } from "react/jsx-runtime";
+import '../../../../styles/items-dropdown.css';const O = "_itemsDropdownTriggerLink_12lcp_1", S = "_itemsDropdownContent_12lcp_6", B = "_itemsDropdownItemIcon_12lcp_11", j = "_itemsDropdownItemName_12lcp_15", z = "_itemsDropdownLabel_12lcp_21", o = {
+  itemsDropdownTriggerLink: O,
   itemsDropdownContent: S,
   itemsDropdownItemIcon: B,
-  itemsDropdownItemName: O,
-  itemsDropdownLabel: j
-}, J = ({
+  itemsDropdownItemName: j,
+  itemsDropdownLabel: z
+}, K = ({
   className: b,
   supportedItems: t = [],
   unsupportedItems: d = [],
   noPermissionItems: p = [],
-  onItemClick: i
+  onItemClick: i,
+  onDropdownOpenChange: u
 }) => {
   const {
-    formatMessage: m
-  } = F(), D = N(), h = g(() => D === T.Small, [D]), u = C(({
-    id: a,
+    formatMessage: a
+  } = H(), D = T(), h = g(() => D === I.Small, [D]), N = F(({
+    id: m,
     name: l
   }) => {
-    i == null || i(a, l);
-  }, [i]), L = g(() => t.length > 0 ? r.welcomeMessageFilesLink : r.welcomeMessageItemsLink, [t]), f = g(() => m(L, {
+    i == null || i(m, l);
+  }, [i]), L = g(() => t.length > 0 ? r.welcomeMessageFilesLink : r.welcomeMessageItemsLink, [t]), f = g(() => a(L, {
     numberOfItems: t.length + d.length + p.length
-  }), [t, d, p, L]), w = (a, l) => l.length === 0 ? null : /* @__PURE__ */ s(H, {
-    children: [a && /* @__PURE__ */ n(e.Header, {
+  }), [t, d, p, L]), w = (m, l) => l.length === 0 ? null : /* @__PURE__ */ s(y, {
+    children: [m && /* @__PURE__ */ n(e.Header, {
       className: o.itemsDropdownLabel,
       children: /* @__PURE__ */ n(_, {
         as: "label",
         color: "textOnLightSecondary",
-        children: a
+        children: m
       })
     }), l.map((c) => /* @__PURE__ */ s(e.Item, {
       className: o.itemsDropdownItem,
-      onClick: () => u(c),
-      children: [/* @__PURE__ */ n(x, {
+      onClick: () => N(c),
+      children: [/* @__PURE__ */ n(C, {
         ariaHidden: !0,
         className: o.itemsDropdownItemIcon,
-        dimension: k,
+        dimension: x,
         iconType: c.fileType
       }), /* @__PURE__ */ n(_, {
         as: "span",
@@ -53,9 +54,10 @@ import '../../../../styles/items-dropdown.css';const y = "_itemsDropdownTriggerL
   });
   return /* @__PURE__ */ s(e.Root, {
     isFullScreenEnabled: h,
+    onOpenChange: u,
     children: [/* @__PURE__ */ n(e.Trigger, {
       className: M(b, o.itemsDropdownTrigger),
-      children: /* @__PURE__ */ n(I, {
+      children: /* @__PURE__ */ n(k, {
         className: o.itemsDropdownTriggerLink,
         href: "#",
         children: f
@@ -68,13 +70,13 @@ import '../../../../styles/items-dropdown.css';const y = "_itemsDropdownTriggerL
         children: [/* @__PURE__ */ n(e.Header.TextContent, {
           title: f
         }), /* @__PURE__ */ n(e.Header.MenuCloseButton, {
-          "aria-label": m(r.closeItemList)
+          "aria-label": a(r.closeItemList)
         })]
-      }), w(null, t), w(m(r.unsupportedFormatLabel), d), w(m(r.noPermissionsLabel), p)]
+      }), w(null, t), w(a(r.unsupportedFormatLabel), d), w(a(r.noPermissionsLabel), p)]
     })]
   });
 };
 export {
-  J as ItemsDropdown,
-  J as default
+  K as ItemsDropdown,
+  K as default
 };

package/esm/lib/components/welcome-message/unsupported-items-notice.js

@@ -1,25 +1,27 @@
-import { InlineNotice as s } from "@box/blueprint-web";
-import { FormattedMessage as r } from "react-intl";
-import { ItemsDropdown as a } from "./items-dropdown.js";
-import m from "./messages.js";
+import { InlineNotice as r } from "@box/blueprint-web";
+import { FormattedMessage as a } from "react-intl";
+import { ItemsDropdown as m } from "./items-dropdown.js";
+import l from "./messages.js";
 import { jsx as e } from "react/jsx-runtime";
-import '../../../../styles/unsupported-items-notice.css';const l = "_inlineNotice_15y3b_1", i = {
-  inlineNotice: l
-}, u = ({
+import '../../../../styles/unsupported-items-notice.css';const c = "_inlineNotice_15y3b_1", i = {
+  inlineNotice: c
+}, g = ({
   unsupportedItems: t,
   noPermissionsItems: n,
-  onItemClick: o
-}) => /* @__PURE__ */ e(s, {
+  onItemClick: o,
+  onDropdownOpenChange: s
+}) => /* @__PURE__ */ e(r, {
   className: i.inlineNotice,
   "data-testid": "content-answers-unsupported-items-notice",
   variant: "warning",
   variantIconAriaLabel: "warning",
-  children: /* @__PURE__ */ e(r, {
-    ...m.unsupportedItems,
+  children: /* @__PURE__ */ e(a, {
+    ...l.unsupportedItems,
     values: {
-      files: /* @__PURE__ */ e(a, {
+      files: /* @__PURE__ */ e(m, {
         className: i.itemsDropdown,
         noPermissionItems: n,
+        onDropdownOpenChange: s,
         onItemClick: o,
         unsupportedItems: t
       }),
@@ -28,6 +30,6 @@ import '../../../../styles/unsupported-items-notice.css';const l = "_inlineNotic
   })
 });
 export {
-  u as UnsupportedItemsNotice,
-  u as default
+  g as UnsupportedItemsNotice,
+  g as default
 };

package/esm/lib/components/welcome-message/welcome-message.js

@@ -1,64 +1,67 @@
 import { Text as w } from "@box/blueprint-web";
-import { useMemo as i } from "react";
+import { useMemo as o } from "react";
 import { useIntl as C } from "react-intl";
-import { MediaContainer as f } from "../common/media-container.js";
-import { ContextualItemsMessage as T } from "./contextual-items-message.js";
+import { MediaContainer as u } from "../common/media-container.js";
+import { ContextualItemsMessage as z } from "./contextual-items-message.js";
 import a from "./messages.js";
-import { s as u, W as h } from "../../../../chunks/warning-message.js";
-import { UnsupportedItemsNotice as z } from "./unsupported-items-notice.js";
-import { jsx as e, jsxs as F } from "react/jsx-runtime";
-const V = ({
-  contentName: I,
-  contentType: M,
-  isFileSizeError: b = !1,
+import { s as h, W as I } from "../../../../chunks/warning-message.js";
+import { UnsupportedItemsNotice as F } from "./unsupported-items-notice.js";
+import { jsx as e, jsxs as N } from "react/jsx-runtime";
+const A = ({
+  contentName: M,
+  contentType: b,
+  isFileSizeError: x = !1,
   items: s = [],
-  parentItem: x,
+  parentItem: S,
   onItemClick: n,
   variant: l = "modal",
   warningNotice: m,
-  warningNoticeAriaLabel: S,
-  welcomeMessageClearText: W
+  warningNoticeAriaLabel: W,
+  welcomeMessageClearText: T,
+  onDropdownOpenChange: c
 }) => {
-  const p = l === "sidebar", {
+  const d = l === "sidebar", {
     formatMessage: r
-  } = C(), d = i(() => s.filter((t) => t.status === "supported"), [s]), c = i(() => s.filter((t) => t.status === "unsupported"), [s]), g = i(() => s.filter((t) => t.status === "no_permission"), [s]), o = d.length || 1;
+  } = C(), p = o(() => s.filter((t) => t.status === "supported"), [s]), g = o(() => s.filter((t) => t.status === "unsupported"), [s]), f = o(() => s.filter((t) => t.status === "no_permission"), [s]), i = p.length || 1;
   return /* @__PURE__ */ e("div", {
-    className: u.welcomeMessage,
+    className: h.welcomeMessage,
     "data-testid": "content-answers-welcome-message",
-    children: /* @__PURE__ */ e(f, {
+    children: /* @__PURE__ */ e(u, {
       className: "welcomeMessage",
       variant: l,
-      children: /* @__PURE__ */ F(f.Content, {
-        isUsedInsideSidebar: p,
+      children: /* @__PURE__ */ N(u.Content, {
+        isUsedInsideSidebar: d,
         variant: "welcomeMessage",
-        children: [b && /* @__PURE__ */ e(h, {
+        children: [x && /* @__PURE__ */ e(I, {
           ariaLabel: r(a.largeFileSizeWarningTitle, {
-            numberOfItems: o
+            numberOfItems: i
           }),
           description: r(a.largeFileSizeWarningDescription, {
-            numberOfItems: o
+            numberOfItems: i
           }),
           title: r(a.largeFileSizeWarningTitle, {
-            numberOfItems: o
+            numberOfItems: i
           })
-        }), m && /* @__PURE__ */ e(h, {
-          ariaLabel: S,
+        }), m && /* @__PURE__ */ e(I, {
+          ariaLabel: W,
           title: m
-        }), (c.length > 0 || g.length > 0) && /* @__PURE__ */ e(z, {
-          noPermissionsItems: g,
+        }), (g.length > 0 || f.length > 0) && /* @__PURE__ */ e(F, {
+          noPermissionsItems: f,
+          onDropdownOpenChange: c,
           onItemClick: n,
-          unsupportedItems: c
-        }), /* @__PURE__ */ e(T, {
-          contentName: I,
-          isUsedInsideSidebar: p,
+          unsupportedItems: g
+        }), /* @__PURE__ */ e(z, {
+          contentName: M,
+          isUsedInsideSidebar: d,
+          onDropdownOpenChange: c,
           onItemClick: n,
-          parentItem: x,
-          supportedItems: d
+          parentItem: S,
+          supportedItems: p
         }), /* @__PURE__ */ e(w, {
           as: "p",
-          className: u.clearChatText,
-          children: W || r(a.welcomeClearChatText, {
-            type: M
+          className: h.clearChatText,
+          children: T || r(a.welcomeClearChatText, {
+            type: b
           })
         })]
       })
@@ -66,6 +69,6 @@ const V = ({
   });
 };
 export {
-  V as WelcomeMessage,
-  V as default
+  A as WelcomeMessage,
+  A as default
 };

package/esm/lib/hooks/usePromptFocus.js

@@ -0,0 +1,34 @@
+import { useRef as c, useEffect as u } from "react";
+import { INPUT_TARGET_ID as s } from "../components/footer/constants.js";
+const l = (o, e, n) => () => {
+  const r = e.querySelector(o);
+  r && (r.focus(), n());
+}, i = (o, e, n) => {
+  const r = document.querySelector(e);
+  if (!r)
+    return null;
+  const t = new MutationObserver(l(o, r, () => {
+    t.disconnect(), n();
+  }));
+  return t.observe(document, {
+    childList: !0,
+    subtree: !0
+  }), t;
+};
+function a(o) {
+  const e = c(null), n = `[data-target-id="${s}"]`, r = () => {
+    const t = document.querySelector(n);
+    t ? t.focus() : e != null && e.current || (e.current = i(n, o, () => {
+      e.current = null;
+    }));
+  };
+  return u(() => () => {
+    var t;
+    (t = e == null ? void 0 : e.current) == null || t.disconnect();
+  }, [e]), {
+    focusPrompt: r
+  };
+}
+export {
+  a as usePromptFocus
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/box-ai-content-answers",
-  "version": "0.105.0",
+  "version": "0.106.1",
   "peerDependencies": {
     "@box/blueprint-web": "^7.8.0",
     "@box/blueprint-web-assets": "^4.35.0",
@@ -16,10 +16,10 @@
   },
   "devDependencies": {
     "@box/babel-plugin-target-attributes": "1.3.0",
-    "@box/blueprint-web": "^9.18.9",
-    "@box/blueprint-web-assets": "^4.35.0",
-    "@box/box-ai-agent-selector": "^0.32.0",
-    "@box/item-icon": "^0.9.91",
+    "@box/blueprint-web": "^9.18.10",
+    "@box/blueprint-web-assets": "^4.36.0",
+    "@box/box-ai-agent-selector": "^0.32.1",
+    "@box/item-icon": "^0.9.92",
     "@box/storybook-utils": "^0.8.3",
     "@testing-library/react": "^15.0.6",
     "react": "^18.3.0",
@@ -57,5 +57,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "d9896953657518cadffe1c467b9c60b05b13b1e7"
+  "gitHead": "23bed42d9a6652cfb6069f38db36bf3eb529dc9b"
 }

package/types/index.d.ts

@@ -3,5 +3,6 @@ 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/hooks/usePromptFocus';
 export * from './lib/types';
 export * from './lib/constants';

package/types/lib/components/welcome-message/contextual-items-message.d.ts

@@ -5,6 +5,7 @@ export interface Props {
     parentItem: ItemType;
     supportedItems: Array<ItemType>;
     onItemClick?: ItemClickHandler;
+    onDropdownOpenChange?: (open: boolean) => void;
 }
-export declare const ContextualItemsMessage: ({ contentName, isUsedInsideSidebar, supportedItems, onItemClick, parentItem, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const ContextualItemsMessage: ({ contentName, isUsedInsideSidebar, supportedItems, onItemClick, parentItem, onDropdownOpenChange, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default ContextualItemsMessage;

package/types/lib/components/welcome-message/items-dropdown.d.ts

@@ -1,3 +1,3 @@
 import { ItemsDropdownProps } from '../../types';
-export declare const ItemsDropdown: ({ className, supportedItems, unsupportedItems, noPermissionItems, onItemClick, }: ItemsDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ItemsDropdown: ({ className, supportedItems, unsupportedItems, noPermissionItems, onItemClick, onDropdownOpenChange, }: ItemsDropdownProps) => import("react/jsx-runtime").JSX.Element;
 export default ItemsDropdown;

package/types/lib/components/welcome-message/stories/shared.d.ts

@@ -9,6 +9,7 @@ export declare const defaultItemsDropdownProps: {
     unsupportedItems: import('../../../types').ItemType[];
     noPermissionItems: import('../../../types').ItemType[];
     onItemClick: (...args: any[]) => void;
+    onDropdownOpenChange: (...args: any[]) => void;
 };
 export declare const DefaultWelcomeMessage: (props: WelcomeMessageProps) => import("react/jsx-runtime").JSX.Element;
 export declare const DefaultItemsDropdown: (props: ItemsDropdownProps) => import("react/jsx-runtime").JSX.Element;

package/types/lib/components/welcome-message/unsupported-items-notice.d.ts

@@ -3,6 +3,7 @@ export interface Props {
     unsupportedItems?: Array<ItemType>;
     noPermissionsItems?: Array<ItemType>;
     onItemClick?: ItemClickHandler;
+    onDropdownOpenChange?: (open: boolean) => void;
 }
-export declare const UnsupportedItemsNotice: ({ unsupportedItems, noPermissionsItems, onItemClick }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const UnsupportedItemsNotice: ({ unsupportedItems, noPermissionsItems, onItemClick, onDropdownOpenChange, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default UnsupportedItemsNotice;

package/types/lib/components/welcome-message/welcome-message.d.ts

@@ -1,3 +1,3 @@
 import { WelcomeMessageProps } from '../../types';
-export declare const WelcomeMessage: ({ contentName, contentType, isFileSizeError, items, parentItem, onItemClick, variant, warningNotice, warningNoticeAriaLabel, welcomeMessageClearText, }: WelcomeMessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WelcomeMessage: ({ contentName, contentType, isFileSizeError, items, parentItem, onItemClick, variant, warningNotice, warningNoticeAriaLabel, welcomeMessageClearText, onDropdownOpenChange, }: WelcomeMessageProps) => import("react/jsx-runtime").JSX.Element;
 export default WelcomeMessage;

package/types/lib/hooks/usePromptFocus.d.ts

@@ -0,0 +1,3 @@
+export declare function usePromptFocus(containerSelector: string): {
+    focusPrompt: () => void;
+};

package/types/lib/stories/shared.d.ts

@@ -35,3 +35,4 @@ export declare const defaultBoxAiContentAnswersProps: {
 export declare const WithUpdatedRequestInProgress: (props: BoxAiContentAnswersProps) => import("react/jsx-runtime").JSX.Element;
 export declare const DefaultBoxAIContentAnswers: (props: BoxAiContentAnswersProps) => import("react/jsx-runtime").JSX.Element;
 export declare const DefaultBoxAISidebar: (props: BoxAiContentAnswersProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WithFocusableBoxAISidebarInput: (props: BoxAiContentAnswersProps) => import("react/jsx-runtime").JSX.Element;

package/types/lib/types.d.ts

@@ -46,6 +46,8 @@ export type WelcomeMessageProps = {
     parentItem?: ItemType;
     /** Callback action passed from the host application to do an action when the user clicks an item within the dropdown */
     onItemClick?: ItemClickHandler;
+    /** Function passed from parent component to update state when the user opens the dropdown */
+    onDropdownOpenChange?: (open: boolean) => void;
     /** If keyframe animation should be applied to chat elements; defaults to true */
     useAnimation?: boolean;
     /** Styling variant of welcome message */
@@ -204,6 +206,7 @@ export type ItemsDropdownProps = {
     supportedItems?: Array<ItemType>;
     unsupportedItems?: Array<ItemType>;
     onItemClick?: ItemClickHandler;
+    onDropdownOpenChange?: (open: boolean) => void;
 };
 export type EventLogOptions = {
     eventType: string;