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

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

@@ -1,13 +1,13 @@
 import { LoadingIndicator as M } from "@box/blueprint-web";
 import S from "clsx";
-import * as t from "react";
+import * as e from "react";
 import { useIntl as j } from "react-intl";
 import k from "../../messages.js";
 import { C as y } from "../../../../chunks/types.js";
-import { jsx as r, jsxs as H, Fragment as V } from "react/jsx-runtime";
+import { jsx as n, jsxs as H, Fragment as V } from "react/jsx-runtime";
 import { ModalError as A } from "../modal-error/modal-error.js";
 import { Chat as B } from "../chat/chat.js";
-import '../../../../styles/content2.css';const D = "_loadingIndicatorWrapper_1p60c_2", G = "_content_1p60c_6", J = "_sidebar_1p60c_15", K = "_isLoading_1p60c_18", Q = "_messagesEnd_1p60c_22", U = "_innerContent_1p60c_26", o = {
+import '../../../../styles/content2.css';const D = "_loadingIndicatorWrapper_18o12_2", G = "_content_18o12_6", J = "_sidebar_18o12_13", K = "_isLoading_18o12_20", Q = "_messagesEnd_18o12_24", U = "_innerContent_18o12_28", r = {
   loadingIndicatorWrapper: D,
   content: G,
   sidebar: J,
@@ -17,7 +17,7 @@ import '../../../../styles/content2.css';const D = "_loadingIndicatorWrapper_1p6
 }, ne = ({
   error: u,
   hasCustomSuggestedQuestions: C,
-  hasRequestInProgress: a = !1,
+  hasRequestInProgress: c = !1,
   isErrorMessageShown: h = !1,
   isStreamingEnabled: i = !1,
   questions: R,
@@ -31,58 +31,57 @@ import '../../../../styles/content2.css';const D = "_loadingIndicatorWrapper_1p6
   hostAppName: N = "",
   ...O
 }) => {
-  const f = t.useRef(null), l = t.useRef(null), d = t.useRef(null), n = t.useRef(!0), [g, w] = t.useState(!1), {
+  const f = e.useRef(null), l = e.useRef(null), d = e.useRef(null), t = e.useRef(!0), [g, w] = e.useState(!1), {
     formatMessage: x
-  } = j(), E = u === y.LARGE_FILE, s = t.useCallback((c) => {
-    var e;
-    (e = d.current) != null && e.scrollIntoView && l.current && (!i || n.current) && d.current.scrollIntoView({
-      behavior: c,
+  } = j(), E = u === y.LARGE_FILE, o = e.useCallback((s) => {
+    d.current?.scrollIntoView && l.current && (!i || t.current) && d.current.scrollIntoView({
+      behavior: s,
       block: "nearest"
     });
   }, [i]), z = () => {
     if (l.current) {
       const {
-        scrollTop: c,
-        clientHeight: e,
+        scrollTop: s,
+        clientHeight: a,
         scrollHeight: W
-      } = l.current, F = W - (c + e);
-      if (a && F > 100) {
-        n.current = !1;
+      } = l.current, F = W - (s + a);
+      if (c && F > 100) {
+        t.current = !1;
         return;
       }
-      n.current = !0;
+      t.current = !0;
     }
   };
-  t.useEffect(() => {
-    g ? n.current = !1 : a && (n.current = !0, s("instant"));
-  }, [g, s, a]), t.useEffect(() => {
-    n.current = !0, s("instant");
-  }, [s]), t.useLayoutEffect(() => {
+  e.useEffect(() => {
+    g ? t.current = !1 : c && (t.current = !0, o("instant"));
+  }, [g, o, c]), e.useEffect(() => {
+    t.current = !0, o("instant");
+  }, [o]), e.useLayoutEffect(() => {
     if (!f.current)
       return;
-    const c = new ResizeObserver(() => {
-      n.current && s(i ? "instant" : "smooth");
-    }), e = f.current;
-    return e && c.observe(e), () => {
-      e && c.unobserve(e);
+    const s = new ResizeObserver(() => {
+      t.current && o(i ? "instant" : "smooth");
+    }), a = f.current;
+    return a && s.observe(a), () => {
+      a && s.unobserve(a);
     };
-  }, [s, i]);
-  const T = () => h && !E ? /* @__PURE__ */ r(A, {
+  }, [o, i]);
+  const T = () => h && !E ? /* @__PURE__ */ n(A, {
     error: u,
     recordAction: m
-  }) : p ? /* @__PURE__ */ r("div", {
-    className: o.loadingIndicatorWrapper,
-    children: /* @__PURE__ */ r(M, {
+  }) : p ? /* @__PURE__ */ n("div", {
+    className: r.loadingIndicatorWrapper,
+    children: /* @__PURE__ */ n(M, {
       "aria-label": x(k.loading),
-      className: o.loadingIndicator,
+      className: r.loadingIndicator,
       "data-testid": "content-answers-modal-loading-indicator",
       size: "large"
     })
   }) : /* @__PURE__ */ H(V, {
-    children: [/* @__PURE__ */ r(B, {
+    children: [/* @__PURE__ */ n(B, {
       askSuggestedQuestion: v,
       hasCustomSuggestedQuestions: C,
-      hasRequestInProgress: a,
+      hasRequestInProgress: c,
       hostAppName: N,
       isFileSizeError: E,
       onDropdownOpenChange: w,
@@ -93,19 +92,19 @@ import '../../../../styles/content2.css';const D = "_loadingIndicatorWrapper_1p6
       useAnimation: L,
       variant: _,
       ...O
-    }), /* @__PURE__ */ r("div", {
+    }), /* @__PURE__ */ n("div", {
       ref: d,
-      className: o.messagesEnd
+      className: r.messagesEnd
     })]
   });
-  return /* @__PURE__ */ r("div", {
+  return /* @__PURE__ */ n("div", {
     ref: l,
-    className: S(o.content, _ === "sidebar" && o.sidebar, p && o.isLoading),
+    className: S(r.content, _ === "sidebar" && r.sidebar, p && r.isLoading),
     "data-testid": "content-answers-content",
     onScroll: z,
-    children: /* @__PURE__ */ r("div", {
+    children: /* @__PURE__ */ n("div", {
       ref: f,
-      className: o.innerContent,
+      className: r.innerContent,
       children: T()
     })
   });

package/dist/esm/lib/components/footer/footer-actions.js

@@ -3,7 +3,7 @@ import { useRef as E, useCallback as R, useEffect as _ } from "react";
 import { useIntl as A } from "react-intl";
 import d from "lodash/noop";
 import { A as i } from "../../../../chunks/types.js";
-import { LOGGER_BASE_CONFIG as B, LOGGER_ACTION_CLICK as S } from "../common/constants.js";
+import { LOGGER_ACTION_CLICK as B, LOGGER_BASE_CONFIG as S } from "../common/constants.js";
 import N from "./messages.js";
 import { jsx as a } from "react/jsx-runtime";
 import '../../../../styles/footer-actions.css';const O = "_footerActions_1l4g8_1", g = "_footerActionButton_1l4g8_11", f = {
@@ -21,8 +21,8 @@ import '../../../../styles/footer-actions.css';const O = "_footerActions_1l4g8_1
     formatMessage: l
   } = A(), u = R(() => {
     e && e({
-      ...B,
-      action: S,
+      ...S,
+      action: B,
       target: "retryResponse"
     }), r(o);
   }, [o, r, e]);

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

@@ -2,165 +2,164 @@ import tt from "clsx";
 import at from "lodash/noop";
 import * as r from "react";
 import { useIntl as rt } from "react-intl";
-import { useBreakpoint as nt, Breakpoint as et, TextArea as it, FilterChip as L, Tooltip as ot, Button as st } from "@box/blueprint-web";
+import { useBreakpoint as et, Breakpoint as nt, TextArea as it, Tooltip as ot, Button as st, FilterChip as _ } from "@box/blueprint-web";
 import { ArrowUp as lt } from "@box/blueprint-web-assets/icons/Fill";
 import { BubbleStar as ct } from "@box/blueprint-web-assets/icons/Medium";
 import { useAgents as mt } from "@box/box-ai-agent-selector";
-import { getAIAgentConfig as H } from "../common/agentUtils.js";
-import { isDebugModeTrigger as ft, isEnterTrigger as pt } from "../common/keyInputUtils.js";
-import { TEXT_AREA as l, INPUT_TARGET_ID as ut } from "./constants.js";
+import { getAIAgentConfig as I } from "../common/agentUtils.js";
+import { isDebugModeTrigger as ft, isEnterTrigger as ut } from "../common/keyInputUtils.js";
+import { TEXT_AREA as s, INPUT_TARGET_ID as pt } from "./constants.js";
 import { FooterActions as dt } from "./footer-actions.js";
 import { s as f, S as bt } from "../../../../chunks/stopResponseButton.js";
 import { U as ht } from "../../../../chunks/types.js";
-import c from "./messages.js";
-import { LOGGER_BASE_CONFIG as S, LOGGER_ACTION_CLICK as Ct, LOGGER_ACTION_KEYPRESS as Et } from "../common/constants.js";
-import { jsxs as M, jsx as m } from "react/jsx-runtime";
-const Ht = ({
-  askSuggestedQuestion: d,
+import l from "./messages.js";
+import { LOGGER_ACTION_CLICK as Ct, LOGGER_BASE_CONFIG as H, LOGGER_ACTION_KEYPRESS as Et } from "../common/constants.js";
+import { jsxs as k, jsx as c } from "react/jsx-runtime";
+const It = ({
+  askSuggestedQuestion: L,
   enableDebugMode: x = !1,
   hasRequestInProgress: e,
-  isAIStudioAgentSelectorEnabled: E,
+  isAIStudioAgentSelectorEnabled: C,
   isDebugModeShown: y,
-  isStopResponseEnabled: F,
-  isStreamingEnabled: K,
-  lastQuestion: T,
+  isStopResponseEnabled: g,
+  isStreamingEnabled: F,
+  lastQuestion: E,
   onRetryQuestion: A,
-  onStopQuestion: U,
-  onUserInteraction: k = at,
-  promptValue: p,
-  recordAction: i,
+  onStopQuestion: K,
+  onUserInteraction: M = at,
+  promptValue: u,
+  recordAction: n,
   sendQuestion: O,
   setAskSuggestedQuestion: R,
-  setPromptValue: o,
-  toggleDebugMode: u,
-  promptButtonClickHandler: X,
-  variant: W = "modal"
+  setPromptValue: i,
+  toggleDebugMode: p,
+  promptButtonClickHandler: S,
+  variant: U = "modal"
 }) => {
-  const w = W === "sidebar", s = rt(), j = nt(), a = r.useRef(null), D = j <= et.Medium && !w ? l.MAX_ROWS_MOBILE : l.MAX_ROWS, [b, v] = r.useState(!0), [Y, B] = r.useState(!1), {
-    selectedAgent: _
+  const X = U === "sidebar", o = rt(), W = et(), a = r.useRef(null), j = W <= nt.Medium && !X ? s.MAX_ROWS_MOBILE : s.MAX_ROWS, [d, v] = r.useState(!0), [D, B] = r.useState(!1), {
+    selectedAgent: T
   } = mt(), {
-    answer: J,
-    isCompleted: P
-  } = T ?? {}, Z = K && P === !1 && (F || J), h = r.useCallback(() => {
+    answer: Y,
+    isCompleted: J
+  } = E ?? {}, P = F && J === !1 && (g || Y), b = r.useCallback(() => {
     a.current && a.current.focus();
   }, [a]), N = r.useCallback(() => {
-    var n;
-    k();
-    let t = ((n = a.current) == null ? void 0 : n.value) ?? "";
-    a.current && t.length > l.MAX_LENGTH && (a.current.value = t.slice(0, l.MAX_LENGTH), t = a.current.value), o && o(t), B(t.length >= l.MAX_LENGTH), v(t.trim().length === 0);
-  }, [k, o]), C = r.useCallback((t = ht) => {
-    if (h(), !e && a.current) {
-      const n = {
+    M();
+    let t = a.current?.value ?? "";
+    a.current && t.length > s.MAX_LENGTH && (a.current.value = t.slice(0, s.MAX_LENGTH), t = a.current.value), i && i(t), B(t.length >= s.MAX_LENGTH), v(t.trim().length === 0);
+  }, [M, i]), h = r.useCallback((t = ht) => {
+    if (b(), !e && a.current) {
+      const m = {
         prompt: a.current.value,
         promptType: t
       };
-      if (n.prompt && n.prompt.trim()) {
-        const V = H(E, _);
-        O(n, V), a.current.value = "", o && o(""), v(!0), B(!1);
+      if (m.prompt && m.prompt.trim()) {
+        const V = I(C, T);
+        O(m, V), a.current.value = "", i && i(""), v(!0), B(!1);
       }
-      y && u && u();
+      y && p && p();
     }
-  }, [_, h, e, E, y, O, o, u]), $ = r.useCallback((t) => {
-    t.preventDefault(), !e && !b && i && i({
-      ...S,
+  }, [T, b, e, C, y, O, i, p]), Z = r.useCallback((t) => {
+    t.preventDefault(), !e && !d && n && n({
+      ...H,
       action: Ct,
       target: "ask"
-    }), C();
-  }, [e, b, i, C]), z = r.useCallback((t) => {
-    x && u && ft(t) && u(), pt(t) && (t.preventDefault(), !e && !b && i && i({
-      ...S,
+    }), h();
+  }, [e, d, n, h]), $ = r.useCallback((t) => {
+    x && p && ft(t) && p(), ut(t) && (t.preventDefault(), !e && !d && n && n({
+      ...H,
       action: Et,
       target: "ask"
-    }), C());
-  }, [x, e, b, i, C, u]), q = r.useCallback((t) => {
-    const n = H(E, _);
-    A(t, n);
-  }, [_, E, A]);
+    }), h());
+  }, [x, e, d, n, h, p]), z = r.useCallback((t) => {
+    const m = I(C, T);
+    A(t, m);
+  }, [T, C, A]);
   r.useEffect(() => {
-    queueMicrotask(h);
+    queueMicrotask(b);
   }, []), r.useEffect(() => {
-    a.current && p !== void 0 && a.current.value !== p && (a.current.value = p, v(p.trim().length === 0), B(p.length >= l.MAX_LENGTH));
-  }, [p]), r.useEffect(() => {
-    if (d && a.current && !e && R) {
+    a.current && u !== void 0 && a.current.value !== u && (a.current.value = u, v(u.trim().length === 0), B(u.length >= s.MAX_LENGTH));
+  }, [u]), r.useEffect(() => {
+    if (L && a.current && !e && R) {
       const {
         prompt: t,
-        type: n
-      } = d;
-      a.current.value = t, o && o(t), C(n), R(null);
+        type: m
+      } = L;
+      a.current.value = t, i && i(t), h(m), R(null);
     }
-  }, [d == null ? void 0 : d.id]);
-  const g = r.useCallback((t) => {
-    a.current && (a.current.value = t, N(), h());
-  }, [N, h]), G = !!X, Q = () => /* @__PURE__ */ m(L.Group, {
+  }, [L?.id]);
+  const q = r.useCallback((t) => {
+    a.current && (a.current.value = t, N(), b());
+  }, [N, b]), G = !!S, Q = () => /* @__PURE__ */ c(_.Group, {
     name: "prompt-library",
     type: "single",
-    children: /* @__PURE__ */ M(L.ChipButton, {
-      "aria-label": s.formatMessage(c.openPromptLibraryBtn),
+    children: /* @__PURE__ */ k(_.ChipButton, {
+      "aria-label": o.formatMessage(l.openPromptLibraryBtn),
       className: f.promptButton,
       "data-target-id": "open-prompt-library-button",
       "data-testid": "open-prompt-library-button",
       onClick: () => {
-        X(g);
+        S(q);
       },
       value: "add-prompt",
-      children: [/* @__PURE__ */ m(L.Icon, {
+      children: [/* @__PURE__ */ c(_.Icon, {
         icon: ct
-      }), /* @__PURE__ */ m(L.Label, {
-        children: s.formatMessage(c.promptsBtn)
+      }), /* @__PURE__ */ c(_.Label, {
+        children: o.formatMessage(l.promptsBtn)
       })]
     })
-  }), I = (t) => Z ? /* @__PURE__ */ m(bt, {
-    lastQuestion: T,
-    onStopQuestion: U,
-    recordAction: i,
+  }), w = (t) => P ? /* @__PURE__ */ c(bt, {
+    lastQuestion: E,
+    onStopQuestion: K,
+    recordAction: n,
     size: t
-  }) : /* @__PURE__ */ m(ot, {
-    content: s.formatMessage(c.ask),
+  }) : /* @__PURE__ */ c(ot, {
+    content: o.formatMessage(l.ask),
     "data-testid": "ask-tooltip",
     variant: "standard",
-    children: /* @__PURE__ */ m(st, {
-      "aria-label": s.formatMessage(c.ask),
+    children: /* @__PURE__ */ c(st, {
+      "aria-label": o.formatMessage(l.ask),
       className: f.inputAreaButton,
       "data-testid": "content-answers-submit-button",
-      disabled: b || e,
+      disabled: d || e,
       icon: lt,
       loading: !1,
-      loadingAriaLabel: s.formatMessage(c.askDisabledTooltip),
-      onClick: $,
+      loadingAriaLabel: o.formatMessage(l.askDisabledTooltip),
+      onClick: Z,
       size: t,
       "data-target-id": "Button-ask"
     })
   });
-  return /* @__PURE__ */ M("div", {
-    children: [T && /* @__PURE__ */ m(dt, {
-      lastQuestion: T,
-      onRetryButtonInteraction: k,
-      onRetryQuestion: q,
-      recordAction: i
-    }), /* @__PURE__ */ M("div", {
-      className: tt(f.questionInput, w && f.sidebar, !G && f.questionInputWithOutPromptLibrary),
-      children: [/* @__PURE__ */ m(it, {
+  return /* @__PURE__ */ k("div", {
+    children: [E && /* @__PURE__ */ c(dt, {
+      lastQuestion: E,
+      onRetryButtonInteraction: M,
+      onRetryQuestion: z,
+      recordAction: n
+    }), /* @__PURE__ */ k("div", {
+      className: tt(f.questionInput, X && f.sidebar, !G && f.questionInputWithOutPromptLibrary),
+      children: [/* @__PURE__ */ c(it, {
         ref: a,
         className: f.textArea,
-        "data-target-id": ut,
+        "data-target-id": pt,
         "data-testid": "content-answers-question-input",
-        error: Y && s.formatMessage(c.maxCharactersReachedError, {
-          characterLimit: l.MAX_LENGTH
+        error: D && o.formatMessage(l.maxCharactersReachedError, {
+          characterLimit: s.MAX_LENGTH
         }),
         hideLabel: !0,
-        label: s.formatMessage(c.askQuestionPlaceholder),
-        maxLength: l.MAX_LENGTH,
-        maxRows: D,
+        label: o.formatMessage(l.askQuestionPlaceholder),
+        maxLength: s.MAX_LENGTH,
+        maxRows: j,
         onChange: N,
-        onKeyDown: z,
-        placeholder: s.formatMessage(c.askQuestionPlaceholder)
-      }), G && /* @__PURE__ */ M("div", {
+        onKeyDown: $,
+        placeholder: o.formatMessage(l.askQuestionPlaceholder)
+      }), G && /* @__PURE__ */ k("div", {
         className: f.actionContainer,
-        children: [Q(), I("small")]
-      }), !G && I("large")]
+        children: [Q(), w("small")]
+      }), !G && w("large")]
     })]
   });
 };
 export {
-  Ht as Footer
+  It as Footer
 };