@box/box-ai-content-answers 1.8.3 → 1.9.1

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

@@ -1,35 +1,35 @@
 import { Text as w } from "@box/blueprint-web";
 import { BoxAiLogo as L } from "@box/blueprint-web-assets/icons/Logo";
-import { Size10 as b } from "@box/blueprint-web-assets/tokens/tokens";
+import { Size10 as x } from "@box/blueprint-web-assets/tokens/tokens";
 import P from "clsx";
 import * as S from "react";
 import { useIntl as ee } from "react-intl";
 import { Answer as te } from "../answer/answer.js";
 import { MediaContainer as oe } from "../common/media-container.js";
 import { Question as ae } from "../question/question.js";
-import { SuggestedQuestions as se } from "../suggested-questions/suggested-questions.js";
-import { ThinkingBubble as ie } from "../thinkingBubble/thinkingBubble.js";
-import re from "../welcome-message/messages.js";
+import { SuggestedQuestions as ie } from "../suggested-questions/suggested-questions.js";
+import { ThinkingBubble as re } from "../thinkingBubble/thinkingBubble.js";
+import se from "../welcome-message/messages.js";
 import { WelcomeMessage as ne } from "../welcome-message/welcome-message.js";
 import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import '../../../../styles/chat.css';const ce = "_chat_azszb_1", le = "_clearChatText_azszb_1", me = "_landingPage_azszb_7", pe = "_askQuestionText_azszb_15", de = "_iconAvatar_azszb_23", be = "_sidebar_azszb_39", a = {
+import '../../../../styles/chat.css';const ce = "_chat_1dqxr_2", le = "_clearChatText_1dqxr_2", me = "_landingPage_1dqxr_8", de = "_askQuestionText_1dqxr_16", pe = "_iconAvatar_1dqxr_24", xe = "_sidebar_1dqxr_40", a = {
   chat: ce,
   clearChatText: le,
   landingPage: me,
-  askQuestionText: pe,
-  iconAvatar: de,
-  sidebar: be
+  askQuestionText: de,
+  iconAvatar: pe,
+  sidebar: xe
 }, Ne = ({
   askSuggestedQuestion: _,
   contentType: n,
   hasCustomSuggestedQuestions: h,
   hasRequestInProgress: T,
-  isCitationsEnabled: x,
-  isFeedbackEnabled: z,
-  isFeedbackFormEnabled: C,
-  isInlineCitationsEnabled: g = !1,
-  isInlineCitationV2Enabled: k,
-  isMarkdownEnabled: u,
+  isCitationsEnabled: b,
+  isFeedbackEnabled: C,
+  isFeedbackFormEnabled: g,
+  isInlineCitationsEnabled: k = !1,
+  isInlineCitationV2Enabled: u,
+  isMarkdownEnabled: q,
   isSessionLoading: F = !1,
   onCitationClick: A,
   onAnswerCopy: I,
@@ -44,19 +44,19 @@ import '../../../../styles/chat.css';const ce = "_chat_azszb_1", le = "_clearCha
   suggestedQuestions: m,
   suggestedQuestionsRequestState: B,
   shouldFeedbackFormIncludeFeedbackText: M,
-  shouldFeedbackIncludePromptData: q,
+  shouldFeedbackIncludePromptData: z,
   shouldShowLandingPage: o,
   useAnimation: R,
   variant: t = "modal",
   hostAppName: W = "",
   isReactMarkdownEnabled: D,
   welcomeMessageClearText: E,
-  ...p
+  ...d
 }) => {
   const {
     formatMessage: G
-  } = ee(), [H, J] = S.useState(null), K = (s, i) => {
-    J(s ? i : null);
+  } = ee(), [H, J] = S.useState(null), K = (i, r) => {
+    J(i ? r : null);
   };
   return /* @__PURE__ */ e("div", {
     className: a.chat,
@@ -71,17 +71,17 @@ import '../../../../styles/chat.css';const ce = "_chat_azszb_1", le = "_clearCha
         children: /* @__PURE__ */ e("div", {
           className: a.iconAvatar,
           children: /* @__PURE__ */ e(L, {
-            height: b,
+            height: x,
             role: "presentation",
-            width: b
+            width: x
           })
         })
       }), /* @__PURE__ */ e(ne, {
         contentType: "",
         shouldShowLandingPage: o,
-        ...p,
+        ...d,
         variant: t
-      }), o && m !== void 0 && l !== void 0 && /* @__PURE__ */ e(se, {
+      }), o && m !== void 0 && l !== void 0 && /* @__PURE__ */ e(ie, {
         askSuggestedQuestion: _,
         hasCustomSuggestedQuestions: h,
         isLoading: T,
@@ -94,64 +94,64 @@ import '../../../../styles/chat.css';const ce = "_chat_azszb_1", le = "_clearCha
       }), /* @__PURE__ */ e(w, {
         as: "p",
         className: a.clearChatText,
-        children: E || G(re.welcomeClearChatText, {
+        children: E || G(se.welcomeClearChatText, {
           type: n
         })
       }), !o && /* @__PURE__ */ e("ul", {
         children: j.map(({
-          answer: s,
-          thinkingAnswer: i,
+          answer: i,
+          thinkingAnswer: r,
           citations: U,
-          id: r,
+          id: s,
           isCompleted: V,
           isLoading: X,
           error: Y,
-          prompt: d,
+          prompt: p,
           promptType: Z,
           feedbackValue: $
         }) => /* @__PURE__ */ f("li", {
           children: [/* @__PURE__ */ e(ae, {
-            prompt: d,
+            prompt: p,
             variant: t
-          }), i && /* @__PURE__ */ e(ie, {
-            content: i,
-            isThinkingComplete: !!s,
+          }), r && /* @__PURE__ */ e(re, {
+            content: r,
+            isThinkingComplete: !!i,
             onDropdownOpenChange: v,
             variant: t
           }), /* @__PURE__ */ e(te, {
-            answer: s,
+            answer: i,
             citations: U,
             contentType: n,
             embedTheAnswerButtonConfig: N,
             error: Y,
             feedbackValue: $,
             hostAppName: W,
-            isCitationsEnabled: x,
+            isCitationsEnabled: b,
             isCompleted: V,
-            isFeedbackEnabled: z,
-            isFeedbackFormEnabled: C,
-            isFeedbackTooltipOpen: H === r,
-            isInlineCitationsEnabled: g,
-            isInlineCitationV2Enabled: k,
+            isFeedbackEnabled: C,
+            isFeedbackFormEnabled: g,
+            isFeedbackTooltipOpen: H === s,
+            isInlineCitationsEnabled: k,
+            isInlineCitationV2Enabled: u,
             isLoading: X || F,
-            isMarkdownEnabled: u,
+            isMarkdownEnabled: q,
             isReactMarkdownEnabled: D,
-            items: p.items,
+            items: d.items,
             onAnswerCopy: I,
             onCitationClick: A,
             onFeedbackFormSubmit: O,
             onFeedbackTooltipOpenChange: K,
-            prompt: d,
+            prompt: p,
             promptType: Z,
-            questionId: r,
+            questionId: s,
             recordAction: c,
             setAnswerFeedback: y,
             shouldFeedbackFormIncludeFeedbackText: M,
-            shouldFeedbackIncludePromptData: q,
+            shouldFeedbackIncludePromptData: z,
             useAnimation: R,
             variant: t
           })]
-        }, r))
+        }, s))
       })]
     })
   });

package/dist/esm/lib/components/common/media-container.js

@@ -1,12 +1,12 @@
-import { Card as d } from "@box/blueprint-web";
-import t from "clsx";
-import { jsx as s } from "react/jsx-runtime";
-import '../../../../styles/media-container.css';const _ = "_mediaContainer_10210_1", c = "_figure_10210_7", m = "_sidebar_10210_14", l = "_welcomeMessage_10210_33", g = "_contentCard_10210_37", u = "_question_10210_42", C = "_answer_10210_64", b = "_body_10210_68", f = "_error_10210_102", e = {
+import { Card as i } from "@box/blueprint-web";
+import s from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+import '../../../../styles/media-container.css';const _ = "_mediaContainer_1od65_2", c = "_figure_1od65_8", m = "_sidebar_1od65_15", l = "_welcomeMessage_1od65_34", g = "_contentCard_1od65_38", u = "_question_1od65_43", C = "_answer_1od65_65", b = "_body_1od65_69", f = "_error_1od65_103", e = {
   mediaContainer: _,
   figure: c,
   sidebar: m,
-  "center-aligned": "_center-aligned_10210_17",
-  "top-aligned": "_top-aligned_10210_24",
+  "center-aligned": "_center-aligned_1od65_18",
+  "top-aligned": "_top-aligned_1od65_25",
   welcomeMessage: l,
   contentCard: g,
   question: u,
@@ -14,36 +14,36 @@ import '../../../../styles/media-container.css';const _ = "_mediaContainer_10210
   body: b,
   error: f
 }, w = ({
-  children: r,
-  className: a,
-  variant: n = "modal"
-}) => /* @__PURE__ */ s("div", {
-  className: t(e.mediaContainer, e[a], n === "sidebar" && e.sidebar),
+  children: o,
+  className: r,
+  variant: a = "modal"
+}) => /* @__PURE__ */ n("div", {
+  className: s(e.mediaContainer, e[r], a === "sidebar" && e.sidebar),
   "data-testid": "content-answers-grid-card",
-  children: r
-}), o = w;
-o.Figure = ({
-  children: r,
-  isUsedInsideSidebar: a = !1,
-  variant: n
-}) => /* @__PURE__ */ s("div", {
-  className: t(e.figure, e[n], a && e.sidebar),
-  children: r
+  children: o
+}), t = w;
+t.Figure = ({
+  children: o,
+  isUsedInsideSidebar: r = !1,
+  variant: a
+}) => /* @__PURE__ */ n("div", {
+  className: s(e.figure, e[a], r && e.sidebar),
+  children: o
 });
-o.Content = ({
-  children: r,
-  isUsedInsideSidebar: a = !1,
-  variant: n,
-  shouldAddCard: i = !0
-}) => /* @__PURE__ */ s("div", {
-  className: t(e.body, e[n], a && e.sidebar),
-  children: i ? /* @__PURE__ */ s(d, {
+t.Content = ({
+  children: o,
+  isUsedInsideSidebar: r = !1,
+  variant: a,
+  shouldAddCard: d = !0
+}) => /* @__PURE__ */ n("div", {
+  className: s(e.body, e[a], r && e.sidebar),
+  children: d ? /* @__PURE__ */ n(i, {
     className: e.contentCard,
-    children: r
-  }) : r
+    children: o
+  }) : o
 });
 export {
-  o as MediaContainer,
+  t as MediaContainer,
   w as MediaContainerBase,
-  o as default
+  t as default
 };

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

@@ -1,13 +1,13 @@
-import { LoadingIndicator as F } from "@box/blueprint-web";
-import M from "clsx";
+import { LoadingIndicator as M } from "@box/blueprint-web";
+import S from "clsx";
 import * as t from "react";
-import { useIntl as S } from "react-intl";
+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 { ModalError as A } from "../modal-error/modal-error.js";
 import { Chat as B } from "../chat/chat.js";
-import '../../../../styles/content2.css';const D = "_loadingIndicatorWrapper_1juw3_1", G = "_content_1juw3_5", J = "_sidebar_1juw3_14", K = "_isLoading_1juw3_17", Q = "_messagesEnd_1juw3_21", U = "_innerContent_1juw3_25", o = {
+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 = {
   loadingIndicatorWrapper: D,
   content: G,
   sidebar: J,
@@ -17,36 +17,36 @@ import '../../../../styles/content2.css';const D = "_loadingIndicatorWrapper_1ju
 }, ne = ({
   error: u,
   hasCustomSuggestedQuestions: C,
-  hasRequestInProgress: c = !1,
+  hasRequestInProgress: a = !1,
   isErrorMessageShown: h = !1,
   isStreamingEnabled: i = !1,
-  questions: w,
+  questions: R,
   recordAction: m,
   showLoadingIndicator: p = !1,
-  suggestedQuestions: R,
-  askSuggestedQuestion: b,
-  setAskSuggestedQuestion: v,
-  useAnimation: j,
+  suggestedQuestions: b,
+  askSuggestedQuestion: v,
+  setAskSuggestedQuestion: I,
+  useAnimation: L,
   variant: _ = "modal",
-  hostAppName: I = "",
-  ...L
+  hostAppName: N = "",
+  ...O
 }) => {
-  const f = t.useRef(null), l = t.useRef(null), d = t.useRef(null), n = t.useRef(!0), [g, N] = t.useState(!1), {
-    formatMessage: O
-  } = S(), E = u === y.LARGE_FILE, s = t.useCallback((a) => {
+  const f = t.useRef(null), l = t.useRef(null), d = t.useRef(null), n = t.useRef(!0), [g, w] = t.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: a,
+      behavior: c,
       block: "nearest"
     });
-  }, [i]), x = () => {
+  }, [i]), z = () => {
     if (l.current) {
       const {
-        scrollTop: a,
+        scrollTop: c,
         clientHeight: e,
-        scrollHeight: T
-      } = l.current, W = T - (a + e);
-      if (c && W > 100) {
+        scrollHeight: W
+      } = l.current, F = W - (c + e);
+      if (a && F > 100) {
         n.current = !1;
         return;
       }
@@ -54,45 +54,45 @@ import '../../../../styles/content2.css';const D = "_loadingIndicatorWrapper_1ju
     }
   };
   t.useEffect(() => {
-    g ? n.current = !1 : c && (n.current = !0, s("instant"));
-  }, [g, s, c]), 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(() => {
     if (!f.current)
       return;
-    const a = new ResizeObserver(() => {
+    const c = new ResizeObserver(() => {
       n.current && s(i ? "instant" : "smooth");
     }), e = f.current;
-    return e && a.observe(e), () => {
-      e && a.unobserve(e);
+    return e && c.observe(e), () => {
+      e && c.unobserve(e);
     };
   }, [s, i]);
-  const z = () => h && !E ? /* @__PURE__ */ r(A, {
+  const T = () => h && !E ? /* @__PURE__ */ r(A, {
     error: u,
     recordAction: m
   }) : p ? /* @__PURE__ */ r("div", {
     className: o.loadingIndicatorWrapper,
-    children: /* @__PURE__ */ r(F, {
-      "aria-label": O(k.loading),
+    children: /* @__PURE__ */ r(M, {
+      "aria-label": x(k.loading),
       className: o.loadingIndicator,
       "data-testid": "content-answers-modal-loading-indicator",
       size: "large"
     })
   }) : /* @__PURE__ */ H(V, {
     children: [/* @__PURE__ */ r(B, {
-      askSuggestedQuestion: b,
+      askSuggestedQuestion: v,
       hasCustomSuggestedQuestions: C,
-      hasRequestInProgress: c,
-      hostAppName: I,
+      hasRequestInProgress: a,
+      hostAppName: N,
       isFileSizeError: E,
-      onDropdownOpenChange: N,
-      questions: w,
+      onDropdownOpenChange: w,
+      questions: R,
       recordAction: m,
-      setAskSuggestedQuestion: v,
-      suggestedQuestions: R,
-      useAnimation: j,
+      setAskSuggestedQuestion: I,
+      suggestedQuestions: b,
+      useAnimation: L,
       variant: _,
-      ...L
+      ...O
     }), /* @__PURE__ */ r("div", {
       ref: d,
       className: o.messagesEnd
@@ -100,13 +100,13 @@ import '../../../../styles/content2.css';const D = "_loadingIndicatorWrapper_1ju
   });
   return /* @__PURE__ */ r("div", {
     ref: l,
-    className: M(o.content, _ === "sidebar" && o.sidebar, p && o.isLoading),
+    className: S(o.content, _ === "sidebar" && o.sidebar, p && o.isLoading),
     "data-testid": "content-answers-content",
-    onScroll: x,
+    onScroll: z,
     children: /* @__PURE__ */ r("div", {
       ref: f,
       className: o.innerContent,
-      children: z()
+      children: T()
     })
   });
 };

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

@@ -1,17 +1,17 @@
 import { Text as r } from "@box/blueprint-web";
-import c from "clsx";
-import { MediaContainer as i } from "../common/media-container.js";
+import d from "clsx";
+import { MediaContainer as n } from "../common/media-container.js";
 import { jsx as t } from "react/jsx-runtime";
-import '../../../../styles/question.css';const d = "_question_hbq6c_1", m = "_sidebar_hbq6c_6", l = "_text_hbq6c_9", e = {
-  question: d,
+import '../../../../styles/question.css';const c = "_question_axio7_2", m = "_sidebar_axio7_7", l = "_text_axio7_10", e = {
+  question: c,
   sidebar: m,
   text: l
-}, h = ({
+}, q = ({
   prompt: o,
   variant: s = "modal"
 }) => {
-  const n = s === "sidebar", a = /* @__PURE__ */ t(i.Content, {
-    isUsedInsideSidebar: n,
+  const i = s === "sidebar", a = /* @__PURE__ */ t(n.Content, {
+    isUsedInsideSidebar: i,
     variant: "question",
     children: /* @__PURE__ */ t(r, {
       as: "span",
@@ -20,9 +20,9 @@ import '../../../../styles/question.css';const d = "_question_hbq6c_1", m = "_si
     })
   });
   return /* @__PURE__ */ t("div", {
-    className: c(e.question, n && e.sidebar),
+    className: d(e.question, i && e.sidebar),
     "data-testid": "content-answers-question",
-    children: /* @__PURE__ */ t(i, {
+    children: /* @__PURE__ */ t(n, {
       className: "question",
       variant: s,
       children: a
@@ -30,6 +30,6 @@ import '../../../../styles/question.css';const d = "_question_hbq6c_1", m = "_si
   });
 };
 export {
-  h as Question,
-  h as default
+  q as Question,
+  q as default
 };

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

@@ -7,9 +7,9 @@ import { useIntl as w } from "react-intl";
 import { Suggestions as T } from "./suggestions.js";
 import { R as a } from "../../../../chunks/types.js";
 import { LOGGER_BASE_CONFIG as y } from "../common/constants.js";
-import l from "./messages.js";
+import t from "./messages.js";
 import { jsxs as L, jsx as i } from "react/jsx-runtime";
-import '../../../../styles/suggested-questions.css';const P = "_wrapper_1peth_1", U = "_label_1peth_1", j = "_sidebar_1peth_6", v = "_loadingIndicator_1peth_10", F = "_alertIcon_1peth_18", r = {
+import '../../../../styles/suggested-questions.css';const P = "_wrapper_1069c_2", U = "_label_1069c_2", j = "_sidebar_1069c_7", v = "_loadingIndicator_1069c_11", F = "_alertIcon_1069c_19", r = {
   wrapper: P,
   label: U,
   sidebar: j,
@@ -17,49 +17,49 @@ import '../../../../styles/suggested-questions.css';const P = "_wrapper_1peth_1"
   alertIcon: F
 }, W = ({
   askSuggestedQuestion: g,
-  hasCustomSuggestedQuestions: d,
+  hasCustomSuggestedQuestions: c,
   isLoading: S,
   onSuggestedQuestionInteraction: I,
   recordAction: n,
-  setAskSuggestedQuestion: e,
+  setAskSuggestedQuestion: l,
   suggestedQuestions: b,
   suggestedQuestionsRequestState: o = a.SUCCESS,
-  variant: s = "modal"
+  variant: d = "modal"
 }) => {
-  const c = s === "sidebar", {
-    formatMessage: t
-  } = w(), h = G.useCallback((m) => {
+  const s = d === "sidebar", {
+    formatMessage: e
+  } = w(), E = G.useCallback((m) => {
     const {
       prompt: p,
-      type: R
+      type: h
     } = m;
-    e && (e(m), n && p && n({
+    l && (l(m), n && p && n({
       ...y,
       target: "suggested_questions",
       data: {
-        selectedQuestion: d ? "dynamic" : p,
-        type: R
+        selectedQuestion: c ? "dynamic" : p,
+        type: h
       }
     }));
-  }, [e, n, d]), E = () => o === a.IN_PROGRESS ? t(l.loadingSuggestedQuestions) : t(l.loadingSuggestedQuestionsFailed);
+  }, [l, n, c]), R = () => o === a.IN_PROGRESS ? e(t.loadingSuggestedQuestions) : e(t.loadingSuggestedQuestionsFailed);
   return /* @__PURE__ */ L("div", {
-    className: f(r.wrapper, c && r.sidebar),
+    className: f(r.wrapper, s && r.sidebar),
     children: [(o === a.IN_PROGRESS || o === a.ERROR) && /* @__PURE__ */ i(N, {
       as: "p",
-      className: f(r.label, c && r.sidebar),
+      className: f(r.label, s && r.sidebar),
       color: "textOnLightSecondary",
-      children: E()
+      children: R()
     }), o === a.SUCCESS && /* @__PURE__ */ i(T, {
       askSuggestedQuestion: g,
       isLoading: S,
-      onSuggestedQuestionClick: h,
+      onSuggestedQuestionClick: E,
       onSuggestedQuestionInteraction: I,
       suggestedQuestions: b,
-      variant: s
+      variant: d
     }), o === a.IN_PROGRESS && /* @__PURE__ */ i("div", {
       className: r.loadingIndicator,
       children: /* @__PURE__ */ i(O, {
-        "aria-label": t(l.loadingSuggestedQuestions),
+        "aria-label": e(t.loadingSuggestedQuestions),
         className: r.loadingIndicator,
         variant: "dark"
       })

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

@@ -1,15 +1,15 @@
 import { FilterChip as r } from "@box/blueprint-web";
 import d from "clsx";
-import u from "lodash/noop";
+import y from "lodash/noop";
 import { jsx as t } from "react/jsx-runtime";
-import '../../../../styles/suggestions.css';const w = "_suggestions_1d1b9_1", y = "_suggestion_1d1b9_1", n = {
-  suggestions: w,
-  suggestion: y
+import '../../../../styles/suggestions.css';const u = "_suggestions_1yvk2_2", w = "_suggestion_1yvk2_2", n = {
+  suggestions: u,
+  suggestion: w
 }, A = ({
   askSuggestedQuestion: s,
   isLoading: p,
   onSuggestedQuestionClick: a,
-  onSuggestedQuestionInteraction: e = u,
+  onSuggestedQuestionInteraction: e = y,
   suggestedQuestions: l,
   variant: g = "modal"
 }) => {