@box/box-ai-content-answers 1.19.4 → 1.20.0

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

@@ -1,105 +1,104 @@
-import { AgentsProvider as V } from "@box/box-ai-agent-selector";
-import * as F from "react";
-import { useIntl as X } from "react-intl";
-import { SPREADSHEET_FILE_EXTENSIONS as j, INTELLIGENT_QUERY_COMPATIBLE_SPREADSHEET_EXTENSIONS as G } from "../common/constants.js";
-import W from "./content.js";
-import { IntelligenceSidebarContext as Y } from "./context.js";
-import g from "./messages.js";
-import { jsx as m } from "react/jsx-runtime";
-const oe = (L) => {
-  var P;
+import { AgentsProvider as U } from "@box/box-ai-agent-selector";
+import * as w from "react";
+import { useIntl as V } from "react-intl";
+import { SPREADSHEET_FILE_EXTENSIONS as X, INTELLIGENT_QUERY_COMPATIBLE_SPREADSHEET_EXTENSIONS as j } from "../common/constants.js";
+import G from "./content.js";
+import { IntelligenceSidebarContext as W } from "./context.js";
+import u from "./messages.js";
+import { jsx as g } from "react/jsx-runtime";
+const se = (P) => {
   const {
     cache: e,
-    contentName: S,
-    elementId: f,
-    fileExtension: t,
-    fileID: T,
-    getSuggestedQuestions: h,
-    isIntelligentQueryMode: M,
-    isFeedbackEnabled: p,
-    isFeedbackFormEnabled: E,
-    isStopResponseEnabled: o = !1,
-    items: n,
-    itemSize: Q,
-    localizedQuestions: k,
-    onFeedbackFormSubmit: I,
-    onUserInteraction: b,
-    onSelectedAgentCallback: N,
-    recordAction: C,
+    contentName: m,
+    elementId: S,
+    fileExtension: s,
+    fileID: F,
+    getSuggestedQuestions: f,
+    isIntelligentQueryMode: L,
+    isFeedbackEnabled: h,
+    isFeedbackFormEnabled: p,
+    isStopResponseEnabled: n = !1,
+    items: o,
+    itemSize: E,
+    localizedQuestions: T,
+    onFeedbackFormSubmit: Q,
+    onUserInteraction: I,
+    onSelectedAgentCallback: b,
+    recordAction: N,
     setCacheValue: i,
-    shouldPreinitSession: r = !0,
-    setHasQuestions: l,
-    promptButtonClickHandler: H,
-    embedTheAnswerButtonConfig: _,
-    onClose: v,
-    ...x
-  } = L, {
-    questions: s,
-    agents: R
+    shouldPreinitSession: l = !0,
+    setHasQuestions: r,
+    promptButtonClickHandler: M,
+    embedTheAnswerButtonConfig: k,
+    onClose: H,
+    ..._
+  } = P, {
+    questions: t,
+    agents: v
   } = e, {
-    selectedAgent: a
-  } = R, {
-    formatMessage: u
-  } = X(), y = F.useMemo(() => ({
+    selectedAgent: x
+  } = v, {
+    formatMessage: d
+  } = V(), R = w.useMemo(() => ({
     cache: e,
-    contentName: S,
-    elementId: f,
-    fileExtension: t,
-    isFeedbackEnabled: p,
-    isFeedbackFormEnabled: E,
-    isStopResponseEnabled: o,
-    items: n,
-    itemSize: Q,
-    onFeedbackFormSubmit: I,
-    onUserInteraction: b,
-    onSelectedAgentCallback: N,
-    recordAction: C,
+    contentName: m,
+    elementId: S,
+    fileExtension: s,
+    isFeedbackEnabled: h,
+    isFeedbackFormEnabled: p,
+    isStopResponseEnabled: n,
+    items: o,
+    itemSize: E,
+    onFeedbackFormSubmit: Q,
+    onUserInteraction: I,
+    onSelectedAgentCallback: b,
+    recordAction: N,
     setCacheValue: i,
-    shouldPreinitSession: r
-  }), [e, S, f, t, p, E, o, n, Q, I, b, N, C, i, r]), w = s.length > 0;
-  F.useEffect(() => {
-    l && l(w);
-  }, [w, l]);
-  let d = s;
-  s.length > 0 && !s[s.length - 1].isCompleted && (d = d.slice(0, -1));
-  const D = j.includes(t), O = G.includes(t);
+    shouldPreinitSession: l
+  }), [e, m, S, s, h, p, n, o, E, Q, I, b, N, i, l]), A = t.length > 0;
+  w.useEffect(() => {
+    r && r(A);
+  }, [A, r]);
+  let a = t;
+  t.length > 0 && !t[t.length - 1].isCompleted && (a = a.slice(0, -1));
+  const y = X.includes(s), D = j.includes(s);
   let c = "";
-  M && O ? c = u(g.welcomeMessageIntelligentQueryNotice) : D && (c = u(g.welcomeMessageSpreadsheetNotice));
-  const A = (a == null ? void 0 : a.suggestedQuestions) !== null, B = (U) => {
-    i("suggestedQuestions", U);
-  }, q = typeof h == "function" ? [] : k, z = ((P = e.suggestedQuestions) == null ? void 0 : P.length) > 0 && !A ? e.suggestedQuestions : q;
+  L && D ? c = d(u.welcomeMessageIntelligentQueryNotice) : y && (c = d(u.welcomeMessageSpreadsheetNotice));
+  const C = x?.suggestedQuestions !== null, O = (z) => {
+    i("suggestedQuestions", z);
+  }, B = typeof f == "function" ? [] : T, q = e.suggestedQuestions?.length > 0 && !C ? e.suggestedQuestions : B;
   return (
     // IntelligenceSidebarContent is using withApiWrapper that is not passing all provided props,
     // that's why we need to use provider to pass other props
-    /* @__PURE__ */ m(V, {
+    /* @__PURE__ */ g(U, {
       value: e.agents,
-      children: /* @__PURE__ */ m(Y.Provider, {
-        value: y,
-        children: /* @__PURE__ */ m(W, {
-          cachedSuggestedQuestions: A ? [] : e.suggestedQuestions,
-          embedTheAnswerButtonConfig: _,
-          getSuggestedQuestions: h,
+      children: /* @__PURE__ */ g(W.Provider, {
+        value: R,
+        children: /* @__PURE__ */ g(G, {
+          cachedSuggestedQuestions: C ? [] : e.suggestedQuestions,
+          embedTheAnswerButtonConfig: k,
+          getSuggestedQuestions: f,
           isOpen: !0,
-          isStopResponseEnabled: o,
-          itemID: T,
-          items: n,
-          onClose: v,
-          onSuggestedQuestionsFetched: B,
-          promptButtonClickHandler: H,
-          restoredQuestions: d,
+          isStopResponseEnabled: n,
+          itemID: F,
+          items: o,
+          onClose: H,
+          onSuggestedQuestionsFetched: O,
+          promptButtonClickHandler: M,
+          restoredQuestions: a,
           restoredSession: e.encodedSession,
           restoredShouldShowLandingPage: e.shouldShowLandingPage,
-          shouldPreinitSession: r,
-          suggestedQuestions: z,
+          shouldPreinitSession: l,
+          suggestedQuestions: q,
           warningNotice: c,
-          warningNoticeAriaLabel: u(g.welcomeMessageSpreadsheetNoticeAriaLabel),
-          ...x
+          warningNoticeAriaLabel: d(u.welcomeMessageSpreadsheetNoticeAriaLabel),
+          ..._
         })
       })
     })
   );
 };
 export {
-  oe as IntelligenceSidebar,
-  oe as default
+  se as IntelligenceSidebar,
+  se as default
 };

package/dist/esm/lib/components/suggested-questions/suggested-questions.js

@@ -1,6 +1,6 @@
 import { Text as N, LoadingIndicator as O } from "@box/blueprint-web";
 import { AlertTriangle as x } from "@box/blueprint-web-assets/icons/Line";
-import { Gray65 as C, Size4 as _ } from "@box/blueprint-web-assets/tokens/tokens";
+import { Size4 as _, Gray65 as C } from "@box/blueprint-web-assets/tokens/tokens";
 import f from "clsx";
 import * as G from "react";
 import { useIntl as w } from "react-intl";

package/dist/esm/lib/components/suggested-questions/suggestions.js

@@ -1,46 +1,46 @@
-import { FilterChip as r } from "@box/blueprint-web";
+import { FilterChip as o } from "@box/blueprint-web";
 import d from "clsx";
-import y from "lodash/noop";
+import m from "lodash/noop";
 import { jsx as t } from "react/jsx-runtime";
-import '../../../../styles/suggestions.css';const u = "_suggestions_1yvk2_2", w = "_suggestion_1yvk2_2", n = {
-  suggestions: u,
+import '../../../../styles/suggestions.css';const y = "_suggestions_1yvk2_2", w = "_suggestion_1yvk2_2", e = {
+  suggestions: y,
   suggestion: w
-}, A = ({
-  askSuggestedQuestion: s,
-  isLoading: p,
+}, b = ({
+  askSuggestedQuestion: i,
+  isLoading: g,
   onSuggestedQuestionClick: a,
-  onSuggestedQuestionInteraction: e = y,
-  suggestedQuestions: l,
-  variant: g = "modal"
+  onSuggestedQuestionInteraction: r = m,
+  suggestedQuestions: p,
+  variant: l = "modal"
 }) => {
-  const c = s == null ? void 0 : s.prompt, m = (o) => {
-    (o.key === "ArrowUp" || o.key === "ArrowDown" || o.key === "ArrowLeft" || o.key === "ArrowRight") && o.stopPropagation();
+  const c = i?.prompt, u = (s) => {
+    (s.key === "ArrowUp" || s.key === "ArrowDown" || s.key === "ArrowLeft" || s.key === "ArrowRight") && s.stopPropagation();
   };
-  return /* @__PURE__ */ t(r.Group, {
-    className: d(n.suggestions, g === "sidebar" && n.sidebar),
+  return /* @__PURE__ */ t(o.Group, {
+    className: d(e.suggestions, l === "sidebar" && e.sidebar),
     "data-testid": "content-answers-suggested-questions",
     name: "Singleselect SuggestedQuestions",
-    onKeyDown: m,
+    onKeyDown: u,
     type: "single",
     value: c,
-    children: l.map((o) => {
-      const i = o.label || o.prompt;
-      return /* @__PURE__ */ t(r.ChipButton, {
-        className: n.suggestion,
-        "data-testid": `content-answers-${o.id}`,
-        disabled: p,
-        onClick: () => a(o),
-        onFocus: e,
-        onMouseEnter: e,
-        value: i,
-        children: /* @__PURE__ */ t(r.Label, {
-          children: i
+    children: p.map((s) => {
+      const n = s.label || s.prompt;
+      return /* @__PURE__ */ t(o.ChipButton, {
+        className: e.suggestion,
+        "data-testid": `content-answers-${s.id}`,
+        disabled: g,
+        onClick: () => a(s),
+        onFocus: r,
+        onMouseEnter: r,
+        value: n,
+        children: /* @__PURE__ */ t(o.Label, {
+          children: n
         })
-      }, o.id);
+      }, s.id);
     })
   });
 };
 export {
-  A as Suggestions,
-  A as default
+  b as Suggestions,
+  b as default
 };

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

@@ -1,51 +1,49 @@
-import f from "clsx";
-import { FormattedMessage as l } from "react-intl";
-import { ItemsDropdown as g } from "./items-dropdown.js";
+import T from "clsx";
+import { FormattedMessage as o } from "react-intl";
+import { ItemsDropdown as _ } from "./items-dropdown.js";
 import m from "./messages.js";
-import { jsxs as w, jsx as s } from "react/jsx-runtime";
-import '../../../../styles/contextual-items-message.css';const D = "_commonWelcomeTextStyles_16t3n_1", L = "_fileLandingText_16t3n_1", u = "_welcomeFileDataLandingText_16t3n_1", b = "_askQuestionText_16t3n_1", N = "_sidebar_16t3n_4", k = "_itemsDropdown_16t3n_38", t = {
-  commonWelcomeTextStyles: D,
-  fileLandingText: L,
-  welcomeFileDataLandingText: u,
-  askQuestionText: b,
-  sidebar: N,
-  itemsDropdown: k
-}, W = ({
-  contentName: c,
-  isUsedInsideSidebar: d = !1,
-  onDropdownOpenChange: x,
-  onItemClick: r,
-  parentItem: e,
-  shouldShowLandingPage: o,
+import { jsxs as g, jsx as e } from "react/jsx-runtime";
+import '../../../../styles/contextual-items-message.css';const w = "_fileLandingText_16t3n_1", D = "_welcomeFileDataLandingText_16t3n_1", L = "_askQuestionText_16t3n_1", p = "_sidebar_16t3n_4", u = "_itemsDropdown_16t3n_38", t = {
+  fileLandingText: w,
+  welcomeFileDataLandingText: D,
+  askQuestionText: L,
+  sidebar: p,
+  itemsDropdown: u
+}, Q = ({
+  contentName: l,
+  isUsedInsideSidebar: r = !1,
+  onDropdownOpenChange: d,
+  onItemClick: c,
+  parentItem: s,
+  shouldShowLandingPage: i,
   supportedItems: n
 }) => {
-  var a;
-  const T = n.length || 1, _ = ((a = n[0]) == null ? void 0 : a.name) || c, i = (e == null ? void 0 : e.id) !== "0" ? e == null ? void 0 : e.name : void 0;
-  return /* @__PURE__ */ w("div", {
-    className: f({
-      [t.askQuestionText]: !o,
-      [t.welcomeFileDataLandingText]: o,
-      [t.sidebar]: d
+  const x = n.length || 1, f = n[0]?.name || l, a = s?.id !== "0" ? s?.name : void 0;
+  return /* @__PURE__ */ g("div", {
+    className: T({
+      [t.askQuestionText]: !i,
+      [t.welcomeFileDataLandingText]: i,
+      [t.sidebar]: r
     }),
-    children: [/* @__PURE__ */ s("div", {
+    children: [/* @__PURE__ */ e("div", {
       className: t.welcomeText,
-      children: /* @__PURE__ */ s("b", {
-        children: /* @__PURE__ */ s(l, {
+      children: /* @__PURE__ */ e("b", {
+        children: /* @__PURE__ */ e(o, {
           ...m.welcomeAskQuestionLandingText
         })
       })
-    }), /* @__PURE__ */ s("div", {
+    }), /* @__PURE__ */ e("div", {
       className: t.fileLandingText,
-      children: /* @__PURE__ */ s(l, {
+      children: /* @__PURE__ */ e(o, {
         ...m.fileLandingText,
         values: {
-          firstItemName: _,
-          parentItem: i && `'${i}'`,
-          numberOfItems: T,
-          files: /* @__PURE__ */ s(g, {
+          firstItemName: f,
+          parentItem: a && `'${a}'`,
+          numberOfItems: x,
+          files: /* @__PURE__ */ e(_, {
             className: t.itemsDropdown,
-            onDropdownOpenChange: x,
-            onItemClick: r,
+            onDropdownOpenChange: d,
+            onItemClick: c,
             supportedItems: n
           })
         }
@@ -54,6 +52,6 @@ import '../../../../styles/contextual-items-message.css';const D = "_commonWelco
   });
 };
 export {
-  W as ContextualItemsMessage,
-  W as default
+  Q as ContextualItemsMessage,
+  Q as default
 };

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

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

package/dist/esm/lib/hooks/usePromptFocus.js

@@ -1,30 +1,29 @@
 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 i = (n, e, t) => () => {
+  const r = e.querySelector(n);
+  r && (r.focus(), t());
+}, l = (n, e, t) => {
   const r = document.querySelector(e);
   if (!r)
     return null;
-  const t = new MutationObserver(l(o, r, () => {
-    t.disconnect(), n();
+  const o = new MutationObserver(i(n, r, () => {
+    o.disconnect(), t();
   }));
-  return t.observe(document, {
+  return o.observe(document, {
     childList: !0,
     subtree: !0
-  }), t;
+  }), o;
 };
-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, () => {
+function a(n) {
+  const e = c(null), t = `[data-target-id="${s}"]`, r = () => {
+    const o = document.querySelector(t);
+    o ? o.focus() : e?.current || (e.current = l(t, n, () => {
       e.current = null;
     }));
   };
   return u(() => () => {
-    var t;
-    (t = e == null ? void 0 : e.current) == null || t.disconnect();
+    e?.current?.disconnect();
   }, [e]), {
     focusPrompt: r
   };