@box/box-ai-content-answers 0.69.0 → 0.69.2

package/esm/lib/components/api-wrapper/content-answers-component.js

@@ -1,109 +1,110 @@
-import { useReducer as J, useEffect as K } from "react";
-import { R as a } from "../../../../chunks/types.js";
-import { useContentAnswers as M } from "./hooks/useContentAnswers.js";
-import { ContentAnswersRecord as V, ContentAnswersItemRecord as W } from "./records.js";
-import X from "./reducer.js";
-import { jsx as Y } from "react/jsx-runtime";
+import { useReducer as M, useEffect as V } from "react";
+import { R as d } from "../../../../chunks/types.js";
+import { useContentAnswers as W } from "./hooks/useContentAnswers.js";
+import { ContentAnswersRecord as X, ContentAnswersItemRecord as Y } from "./records.js";
+import Z from "./reducer.js";
+import { jsx as $ } from "react/jsx-runtime";
 const re = ({
-  WrappedComponent: d,
-  createSessionRequest: f,
-  getAgentConfig: m,
-  getAIStudioAgents: S,
-  fetchTimeout: g,
-  formatCitations: A,
-  getAnswer: p,
-  getAnswerStreaming: C,
+  WrappedComponent: f,
+  createSessionRequest: m,
+  getAgentConfig: S,
+  getAIStudioAgents: g,
+  fetchTimeout: A,
+  formatCitations: p,
+  getAnswer: C,
+  getAnswerStreaming: R,
   getSuggestedQuestions: e,
-  hostAppName: R,
-  isAgentSelectorEnabled: w,
-  isAIStudioAgentSelectorEnabled: Q,
+  hostAppName: w,
+  isAgentSelectorEnabled: Q,
+  isAIStudioAgentSelectorEnabled: T,
   isCitationsEnabled: n,
-  isDebugModeEnabled: T,
-  isMarkdownEnabled: h,
+  isDebugModeEnabled: h,
+  isMarkdownEnabled: l,
   isOpen: s,
-  isResetChatEnabled: l,
-  isStopResponseEnabled: q,
+  isResetChatEnabled: q,
+  isStopResponseEnabled: E,
   isStreamingEnabled: r,
   itemID: o,
-  itemIDs: E,
+  itemIDs: u,
   onCloseModal: j,
   shouldRenderProviders: U = !0,
   suggestedQuestions: _,
   warningNotice: v,
   warningNoticeAriaLabel: x
 }) => {
-  const [u, y] = J(X, new V({
-    item: new W({
+  const [c, y] = M(Z, new X({
+    item: new Y({
       id: o
     })
   })), {
     clearConversation: L,
     createSession: N,
-    fetchAgentConfig: c,
-    fetchSuggestedQuestions: i,
+    fetchAgentConfig: i,
+    fetchSuggestedQuestions: a,
     retryQuestion: O,
     sendQuestion: P,
     stopQuestion: b
-  } = M({
-    contentAnswers: u,
-    createSessionRequest: f,
+  } = W({
+    contentAnswers: c,
+    createSessionRequest: m,
     dispatchStateUpdate: y,
-    fetchTimeout: g,
-    formatCitations: A,
-    getAgentConfig: m,
-    getAnswerStreaming: C,
-    getAnswer: p,
+    fetchTimeout: A,
+    formatCitations: p,
+    getAgentConfig: S,
+    getAnswerStreaming: R,
+    getAnswer: C,
     getSuggestedQuestions: e,
     isCitationsEnabled: n,
-    isStopResponseEnabled: q,
+    isStopResponseEnabled: E,
     isStreamingEnabled: r,
-    itemID: o
+    itemID: o,
+    itemIDs: u
   }), {
     encodedSession: k,
     error: z,
     isLoading: B,
-    hasRequestInProgress: D = !1,
-    questions: F,
+    hasRequestInProgress: F = !1,
+    questions: G,
     suggestedQuestions: t
-  } = u;
-  K(() => {
-    s && t.requestState === a.NOT_STARTED && i();
-  }, [s, i, t.requestState]);
-  const G = {
+  } = c;
+  V(() => {
+    s && t.requestState === d.NOT_STARTED && a();
+  }, [s, a, t.requestState]);
+  const H = {
     createSession: N,
     encodedSession: k,
     error: z,
-    getAIStudioAgents: S,
-    hostAppName: R,
+    getAIStudioAgents: g,
+    hostAppName: w,
     hasCustomSuggestedQuestions: !!e,
-    hasRequestInProgress: D,
-    isAgentSelectorEnabled: w,
-    isAIStudioAgentSelectorEnabled: Q,
+    hasRequestInProgress: F,
+    isAgentSelectorEnabled: Q,
+    isAIStudioAgentSelectorEnabled: T,
     isCitationsEnabled: n,
-    isDebugModeEnabled: T,
-    isMarkdownEnabled: h,
+    isDebugModeEnabled: h,
+    isMarkdownEnabled: l,
     isLoading: B,
     isOpen: s,
-    isResetChatEnabled: l,
+    isResetChatEnabled: q,
     isStreamingEnabled: r,
     itemID: o,
-    itemIDs: E,
+    itemIDs: u,
     onClearAction: L,
     onCloseModal: j,
-    onSelectAgent: c,
-    onAgentEditorToggle: c,
-    questions: F,
+    onSelectAgent: i,
+    onAgentEditorToggle: i,
+    questions: G,
     retryQuestion: O,
     sendQuestion: P,
     shouldRenderProviders: U,
     stopQuestion: b,
-    suggestedQuestionsRequestState: e ? t.requestState : a.SUCCESS,
+    suggestedQuestionsRequestState: e ? t.requestState : d.SUCCESS,
     suggestedQuestions: e ? t.suggestions : _,
     warningNotice: v,
     warningNoticeAriaLabel: x
-  }, H = Object.fromEntries(Object.entries(G).filter(([Z, I]) => I !== void 0));
-  return /* @__PURE__ */ Y(d, {
-    ...H
+  }, J = Object.fromEntries(Object.entries(H).filter(([D, K]) => K !== void 0));
+  return /* @__PURE__ */ $(f, {
+    ...J
   });
 };
 export {

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

@@ -1,114 +1,116 @@
 import "../../../../styles/content.css";
-import { LoadingIndicator as j } from "@box/blueprint-web";
-import k from "clsx";
+import { LoadingIndicator as k } from "@box/blueprint-web";
+import y from "clsx";
 import * as e from "react";
-import { useIntl as y } from "react-intl";
-import H from "../../messages.js";
-import { Chat as O } from "../chat/chat.js";
-import { ModalError as T } from "../modal-error/modal-error.js";
-import { jsx as t, jsxs as V, Fragment as B } from "react/jsx-runtime";
-const F = "_loadingIndicatorWrapper_19quq_1", S = "_content_19quq_5", A = "_isLoading_19quq_17", D = "_messagesEnd_19quq_21", c = {
-  loadingIndicatorWrapper: F,
-  content: S,
-  isLoading: A,
-  messagesEnd: D
-}, $ = ({
+import { useIntl as H } from "react-intl";
+import O from "../../messages.js";
+import { Chat as T } from "../chat/chat.js";
+import { ModalError as V } from "../modal-error/modal-error.js";
+import { jsx as t, jsxs as B, Fragment as F } from "react/jsx-runtime";
+const S = "_loadingIndicatorWrapper_b2shl_1", A = "_content_b2shl_5", D = "_isLoading_b2shl_17", G = "_messagesEnd_b2shl_21", J = "_innerContent_b2shl_25", s = {
+  loadingIndicatorWrapper: S,
+  content: A,
+  isLoading: D,
+  messagesEnd: G,
+  innerContent: J
+}, P = ({
   error: p,
   hasCustomSuggestedQuestions: g,
   hasRequestInProgress: a = !1,
-  isErrorMessageShown: _ = !1,
-  isSidebarOpen: h = !1,
+  isErrorMessageShown: h = !1,
+  isSidebarOpen: _ = !1,
   isStreamingEnabled: l = !1,
-  setIsErrorMessageShown: v,
-  onModalClose: E,
-  questions: R,
-  recordAction: d,
+  setIsErrorMessageShown: b,
+  onModalClose: v,
+  questions: C,
+  recordAction: u,
   showLoadingIndicator: m = !1,
-  userInfo: b,
-  suggestedQuestions: q,
-  askSuggestedQuestion: C,
-  setAskSuggestedQuestion: I,
-  useAnimation: L,
+  userInfo: E,
+  suggestedQuestions: R,
+  askSuggestedQuestion: I,
+  setAskSuggestedQuestion: L,
+  useAnimation: N,
   ...w
 }) => {
-  const u = e.useRef(null), i = e.useRef(null), f = e.useRef(null), s = e.useRef(!0), {
+  const d = e.useRef(null), i = e.useRef(null), f = e.useRef(null), c = e.useRef(!0), {
     formatMessage: x
-  } = y(), r = e.useCallback((n) => {
-    f.current && f.current.scrollIntoView && i.current && (!l || s.current) && f.current.scrollIntoView({
-      behavior: n,
+  } = H(), n = e.useCallback((r) => {
+    f.current && f.current.scrollIntoView && i.current && (!l || c.current) && f.current.scrollIntoView({
+      behavior: r,
       block: "nearest"
     });
-  }, [l]), N = () => {
+  }, [l]), W = () => {
     if (i.current) {
       const {
-        scrollTop: n,
+        scrollTop: r,
         clientHeight: o,
-        scrollHeight: z
-      } = i.current, M = z - (n + o);
-      if (a && M > 100) {
-        s.current = !1;
+        scrollHeight: M
+      } = i.current, j = M - (r + o);
+      if (a && j > 100) {
+        c.current = !1;
         return;
       }
-      s.current = !0;
+      c.current = !0;
     }
   };
   e.useEffect(() => {
-    a && (s.current = !0, r("instant"));
-  }, [r, a]), e.useEffect(() => {
-    s.current = !0, r("instant");
-  }, [r]), e.useLayoutEffect(() => {
-    if (!u.current)
+    a && (c.current = !0, n("instant"));
+  }, [n, a]), e.useEffect(() => {
+    c.current = !0, n("instant");
+  }, [n]), e.useLayoutEffect(() => {
+    if (!d.current)
       return;
-    const n = new ResizeObserver(() => {
-      r(l ? "instant" : "smooth");
-    }), o = u.current;
-    return o && n.observe(o), () => {
-      o && n.unobserve(o);
+    const r = new ResizeObserver(() => {
+      n(l ? "instant" : "smooth");
+    }), o = d.current;
+    return o && r.observe(o), () => {
+      o && r.unobserve(o);
     };
-  }, [r, l]);
-  const W = () => _ ? /* @__PURE__ */ t(T, {
-    clearError: () => v(!1),
+  }, [n, l]);
+  const z = () => h ? /* @__PURE__ */ t(V, {
+    clearError: () => b(!1),
     error: p,
-    onModalClose: E,
-    recordAction: d
+    onModalClose: v,
+    recordAction: u
   }) : m ? /* @__PURE__ */ t("div", {
-    className: c.loadingIndicatorWrapper,
-    children: /* @__PURE__ */ t(j, {
-      "aria-label": x(H.loading),
-      className: c.loadingIndicator,
+    className: s.loadingIndicatorWrapper,
+    children: /* @__PURE__ */ t(k, {
+      "aria-label": x(O.loading),
+      className: s.loadingIndicator,
       "data-testid": "content-answers-modal-loading-indicator",
       size: "large"
     })
-  }) : /* @__PURE__ */ V(B, {
-    children: [/* @__PURE__ */ t(O, {
-      askSuggestedQuestion: C,
+  }) : /* @__PURE__ */ B(F, {
+    children: [/* @__PURE__ */ t(T, {
+      askSuggestedQuestion: I,
       hasCustomSuggestedQuestions: g,
       hasRequestInProgress: a,
-      isSidebarOpen: h,
-      questions: R,
-      recordAction: d,
-      setAskSuggestedQuestion: I,
-      suggestedQuestions: q,
-      useAnimation: L,
-      userInfo: b,
+      isSidebarOpen: _,
+      questions: C,
+      recordAction: u,
+      setAskSuggestedQuestion: L,
+      suggestedQuestions: R,
+      useAnimation: N,
+      userInfo: E,
       ...w
     }), /* @__PURE__ */ t("div", {
       ref: f,
-      className: c.messagesEnd
+      className: s.messagesEnd
     })]
   });
   return /* @__PURE__ */ t("div", {
     ref: i,
-    className: k(c.content, m ? c.isLoading : null),
+    className: y(s.content, m ? s.isLoading : null),
     "data-testid": "content-answers-content",
-    onScroll: N,
+    onScroll: W,
     children: /* @__PURE__ */ t("div", {
-      ref: u,
-      children: W()
+      ref: d,
+      className: s.innerContent,
+      children: z()
     })
   });
 };
 export {
-  $ as Content,
-  $ as default
+  P as Content,
+  P as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/box-ai-content-answers",
-  "version": "0.69.0",
+  "version": "0.69.2",
   "peerDependencies": {
     "@box/blueprint-web": "^7.8.0",
     "@box/blueprint-web-assets": "^4.16.0",
@@ -54,5 +54,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "b4a64fc7d3792a0bcf1ab8f2e75b7f4a989a6d7a"
+  "gitHead": "00d4574fc4e1c707bbf03d25a588cc4642281efa"
 }

package/styles/content.css

@@ -1 +1 @@
-._loadingIndicatorWrapper_19quq_1{width:100%}._content_19quq_5{flex:1 1 auto;width:auto;max-height:35.375rem;padding:0 1.25rem 1.25rem;overflow:auto}@container box-ai-sidebar (max-width: 380px){._content_19quq_5{padding:0 1rem 1rem}}._content_19quq_5._isLoading_19quq_17{display:flex;align-items:center}._content_19quq_5 ._messagesEnd_19quq_21{margin-bottom:-1.25rem;padding-bottom:1.25rem}@media (max-width: 374px){._content_19quq_5{flex:1;max-height:unset;padding:1rem;overflow-x:hidden}._content_19quq_5 ._messagesEnd_19quq_21{margin-bottom:-1rem;padding-bottom:1rem}}
+._loadingIndicatorWrapper_b2shl_1{width:100%}._content_b2shl_5{flex:1 1 auto;width:auto;max-height:35.375rem;padding:0 1.25rem 1.25rem;overflow:auto}@container box-ai-sidebar (max-width: 380px){._content_b2shl_5{padding:0 1rem 1rem}}._content_b2shl_5._isLoading_b2shl_17{display:flex;align-items:center}._content_b2shl_5 ._messagesEnd_b2shl_21{margin-bottom:-1.25rem;padding-bottom:1.25rem}._content_b2shl_5 ._innerContent_b2shl_25{width:100%}@media (max-width: 374px){._content_b2shl_5{flex:1;max-height:unset;padding:1rem;overflow-x:hidden}._content_b2shl_5 ._messagesEnd_b2shl_21{margin-bottom:-1rem;padding-bottom:1rem}}