@box/box-ai-content-answers 0.121.4 → 0.122.0

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

@@ -1,33 +1,33 @@
-import { Text as G } from "@box/blueprint-web";
-import { AlertTriangle as V } from "@box/blueprint-web-assets/icons/Line";
-import { Gray65 as k, Size4 as E } from "@box/blueprint-web-assets/tokens/tokens";
+import { Text as V } from "@box/blueprint-web";
+import { AlertTriangle as k } from "@box/blueprint-web-assets/icons/Line";
+import { Gray65 as j, Size4 as E } from "@box/blueprint-web-assets/tokens/tokens";
 import p from "clsx";
 import * as l from "react";
-import { useIntl as j } from "react-intl";
+import { useIntl as z } from "react-intl";
 import { A as n } from "../../../../chunks/types.js";
 import { MediaContainer as N } from "../common/media-container.js";
-import { AnswerContent as z } from "./answer-content.js";
-import { CopyButton as W } from "./copy-button.js";
-import { InlineError as q } from "./inline-error.js";
-import { ThumbButtons as J } from "./thumb-buttons.js";
-import { LoadingIndicator as K } from "./loading-indicator.js";
+import { AnswerContent as W } from "./answer-content.js";
+import { CopyButton as q } from "./copy-button.js";
+import { InlineError as J } from "./inline-error.js";
+import { ThumbButtons as K } from "./thumb-buttons.js";
+import { LoadingIndicator as Q } from "./loading-indicator.js";
 import m from "./messages.js";
-import { References as Q } from "./references.js";
+import { References as X } from "./references.js";
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import '../../../../styles/answer.css';const X = "_answer_140hd_1", Y = "_alertIcon_140hd_5", Z = "_error_140hd_8", $ = "_footer_140hd_12", tt = "_copyButtonContainer_140hd_18", ot = "_feedbackButtonsContainer_140hd_19", et = "_shouldHaveMarginTop_140hd_23", nt = "_shouldUseAnimation_140hd_26", st = "_shouldAnimateHeight_140hd_30", rt = "_footerButtons_140hd_34", at = "_iconAvatar_140hd_40", it = "_buttonsVisible_140hd_56", t = {
-  answer: X,
-  alertIcon: Y,
-  error: Z,
-  footer: $,
-  copyButtonContainer: tt,
-  feedbackButtonsContainer: ot,
-  shouldHaveMarginTop: et,
-  shouldUseAnimation: nt,
-  shouldAnimateHeight: st,
-  footerButtons: rt,
-  iconAvatar: at,
-  buttonsVisible: it
-}, dt = /* @__PURE__ */ new Set([n.RATE_LIMITING, n.NO_CONTENT, n.PRECONDITION_FAILED, n.GENERAL, n.AGENT_NOT_FOUND]), gt = /* @__PURE__ */ l.memo(({
+import '../../../../styles/answer.css';const Y = "_answer_140hd_1", Z = "_alertIcon_140hd_5", $ = "_error_140hd_8", tt = "_footer_140hd_12", ot = "_copyButtonContainer_140hd_18", et = "_feedbackButtonsContainer_140hd_19", nt = "_shouldHaveMarginTop_140hd_23", st = "_shouldUseAnimation_140hd_26", rt = "_shouldAnimateHeight_140hd_30", at = "_footerButtons_140hd_34", it = "_iconAvatar_140hd_40", dt = "_buttonsVisible_140hd_56", t = {
+  answer: Y,
+  alertIcon: Z,
+  error: $,
+  footer: tt,
+  copyButtonContainer: ot,
+  feedbackButtonsContainer: et,
+  shouldHaveMarginTop: nt,
+  shouldUseAnimation: st,
+  shouldAnimateHeight: rt,
+  footerButtons: at,
+  iconAvatar: it,
+  buttonsVisible: dt
+}, ct = /* @__PURE__ */ new Set([n.RATE_LIMITING, n.NO_CONTENT, n.PRECONDITION_FAILED, n.GENERAL, n.AGENT_NOT_FOUND]), Ot = /* @__PURE__ */ l.memo(({
   answer: s,
   citations: I,
   error: o,
@@ -47,38 +47,39 @@ import '../../../../styles/answer.css';const X = "_answer_140hd_1", Y = "_alertI
   onFeedbackFormSubmit: v,
   onFeedbackTooltipOpenChange: M,
   recordAction: d,
-  useAnimation: y = !0,
+  shouldFeedbackFormIncludeFeedbackText: y,
+  useAnimation: D = !0,
   variant: r = "modal",
-  setAnswerFeedback: D,
-  questionId: H
+  setAnswerFeedback: H,
+  questionId: L
 }) => {
-  const _ = dt.has(o), h = b && !s && !o, [L, U] = l.useState(i), {
+  const _ = ct.has(o), h = b && !s && !o, [U, x] = l.useState(i), {
     formatMessage: c
-  } = j();
+  } = z();
   l.useEffect(() => {
-    setTimeout(() => U(i), 0);
+    setTimeout(() => x(i), 0);
   }, [i]);
-  const f = () => /* @__PURE__ */ e(V, {
+  const f = () => /* @__PURE__ */ e(k, {
     className: t.alertIcon,
-    color: k,
+    color: j,
     "data-testid": "content-answers-error-alert-icon",
     height: E,
     role: "presentation",
     width: E
-  }), x = () => /* @__PURE__ */ a(G, {
+  }), F = () => /* @__PURE__ */ a(V, {
     as: "p",
     className: t.error,
     color: "textOnLightSecondary",
     "data-testid": "content-answers-error",
     variant: "caption",
     children: [o === n.RESPONSE_INTERRUPTED && c(m.responseInterruptedError), o === n.RESPONSE_FAILED && c(m.responseFailedError), o === n.RESPONSE_STOPPED && c(m.responseStoppedError), o !== n.RESPONSE_STOPPED && f()]
-  }), F = () => o !== n.RESPONSE_STOPPED ? /* @__PURE__ */ a("div", {
+  }), G = () => o !== n.RESPONSE_STOPPED ? /* @__PURE__ */ a("div", {
     className: p(t.footerButtons, "footer-buttons-container", {
       [t.buttonsVisible]: u
     }),
     children: [g ? /* @__PURE__ */ e("div", {
       className: t.feedbackButtonsContainer,
-      children: /* @__PURE__ */ e(J, {
+      children: /* @__PURE__ */ e(K, {
         feedbackValue: T,
         hostAppName: A,
         isFeedbackFormEnabled: O,
@@ -86,14 +87,15 @@ import '../../../../styles/answer.css';const X = "_answer_140hd_1", Y = "_alertI
         items: B,
         onFeedbackFormSubmit: v,
         onFeedbackTooltipOpenChange: M,
-        questionId: H,
+        questionId: L,
         recordAction: d,
-        setAnswerFeedback: D,
+        setAnswerFeedback: H,
+        shouldFeedbackFormIncludeFeedbackText: y,
         variant: r
       })
     }) : null, /* @__PURE__ */ e("div", {
       className: t.copyButtonContainer,
-      children: /* @__PURE__ */ e(W, {
+      children: /* @__PURE__ */ e(q, {
         answer: s,
         onAnswerCopy: P,
         recordAction: d
@@ -104,31 +106,31 @@ import '../../../../styles/answer.css';const X = "_answer_140hd_1", Y = "_alertI
     "aria-live": "polite",
     className: t.answer,
     "data-testid": "content-answers-answer",
-    children: [h && /* @__PURE__ */ e(K, {}), !_ && !h && /* @__PURE__ */ e(N, {
+    children: [h && /* @__PURE__ */ e(Q, {}), !_ && !h && /* @__PURE__ */ e(N, {
       className: "answer",
       variant: r,
       children: /* @__PURE__ */ a(N.Content, {
         isUsedInsideSidebar: r === "sidebar",
         variant: "answer",
-        children: [/* @__PURE__ */ e(z, {
+        children: [/* @__PURE__ */ e(W, {
           answer: s,
           isMarkdownEnabled: w,
           variant: r
         }), i && /* @__PURE__ */ a("div", {
           className: p(t.footer, {
             [t.shouldHaveMarginTop]: s,
-            [t.shouldAnimateHeight]: L,
-            [t.shouldUseAnimation]: y
+            [t.shouldAnimateHeight]: U,
+            [t.shouldUseAnimation]: D
           }),
           "data-testid": "content-answers-answer-footer",
-          children: [o && x(), R && !o && /* @__PURE__ */ e(Q, {
+          children: [o && F(), R && !o && /* @__PURE__ */ e(X, {
             citations: I,
             onCitationClick: C,
             recordAction: d
-          }), F()]
+          }), G()]
         })]
       })
-    }), _ && /* @__PURE__ */ e(q, {
+    }), _ && /* @__PURE__ */ e(J, {
       contentType: S,
       error: o,
       recordAction: d,
@@ -137,6 +139,6 @@ import '../../../../styles/answer.css';const X = "_answer_140hd_1", Y = "_alertI
   });
 });
 export {
-  gt as Answer,
-  gt as default
+  Ot as Answer,
+  Ot as default
 };

package/dist/esm/lib/components/answer/feedback-tooltip.js

@@ -1,54 +1,55 @@
-import { Formik as y, Form as F } from "formik";
-import { GuidedTooltip as t, Radio as l, TextArea as I } from "@box/blueprint-web";
-import { useIntl as x } from "react-intl";
+import { Formik as F, Form as I } from "formik";
+import { GuidedTooltip as t, Radio as l, TextArea as x } from "@box/blueprint-web";
+import { useIntl as S } from "react-intl";
 import { F as d } from "../../../../chunks/types.js";
-import S from "../../messages.js";
+import g from "../../messages.js";
 import a from "./messages.js";
-import { jsx as o, jsxs as i, Fragment as g } from "react/jsx-runtime";
-import '../../../../styles/feedback-tooltip.css';const A = "_feedbackTooltip_rsbqj_1", v = "_feedbackTooltipTitle_rsbqj_4", C = "_feedbackTooltipTextarea_rsbqj_7", N = "_feedbackTooltipSubmitBtn_rsbqj_10", c = {
-  feedbackTooltip: A,
-  feedbackTooltipTitle: v,
-  feedbackTooltipTextarea: C,
-  feedbackTooltipSubmitBtn: N
-}, O = ({
+import { jsx as o, jsxs as i, Fragment as A } from "react/jsx-runtime";
+import '../../../../styles/feedback-tooltip.css';const v = "_feedbackTooltip_rsbqj_1", C = "_feedbackTooltipTitle_rsbqj_4", N = "_feedbackTooltipTextarea_rsbqj_7", R = "_feedbackTooltipSubmitBtn_rsbqj_10", c = {
+  feedbackTooltip: v,
+  feedbackTooltipTitle: C,
+  feedbackTooltipTextarea: N,
+  feedbackTooltipSubmitBtn: R
+}, z = ({
   children: b,
   isOpen: f,
   onOpenChange: n,
   onSubmit: m,
-  shouldShow: k
+  shouldIncludeFeedbackText: k,
+  shouldShow: u
 }) => {
   const {
     formatMessage: e
-  } = x();
-  if (!k)
+  } = S();
+  if (!u)
     return b;
-  const u = () => {
+  const _ = () => {
     n(!1);
-  }, _ = (s) => {
+  }, h = (s) => {
     m(s);
   };
   return /* @__PURE__ */ o(t, {
     className: c.feedbackTooltip,
-    closeLabel: e(S.closeButtonText),
-    content: /* @__PURE__ */ o(y, {
+    closeLabel: e(g.closeButtonText),
+    content: /* @__PURE__ */ o(F, {
       initialValues: {
         feedback: "",
         issueType: ""
       },
-      onSubmit: _,
+      onSubmit: h,
       children: ({
         submitForm: s,
         setFieldValue: T,
         values: {
-          feedback: h,
+          feedback: y,
           issueType: p
         }
-      }) => /* @__PURE__ */ i(g, {
+      }) => /* @__PURE__ */ i(A, {
         children: [/* @__PURE__ */ i(t.Body, {
           children: [/* @__PURE__ */ o(t.Title, {
             className: c.feedbackTooltipTitle,
             children: e(a.feedbackTooltipTitle)
-          }), /* @__PURE__ */ i(F, {
+          }), /* @__PURE__ */ i(I, {
             children: [/* @__PURE__ */ o(l.Legend, {
               header: e(a.feedbackTooltipIssueTypeLabel),
               children: /* @__PURE__ */ i(l.Group, {
@@ -69,19 +70,19 @@ import '../../../../styles/feedback-tooltip.css';const A = "_feedbackTooltip_rsb
                   value: d.OTHER
                 })]
               })
-            }), /* @__PURE__ */ o(I, {
+            }), k && /* @__PURE__ */ o(x, {
               className: c.feedbackTooltipTextarea,
               label: e(a.feedbackTooltipFeedbackLabel),
               maxRows: 4,
               minRows: 4,
               onChange: (r) => T("feedback", r.target.value),
               placeholder: e(a.feedbackTooltipFeedbackPlaceholder),
-              value: h
+              value: y
             })]
           })]
         }), /* @__PURE__ */ i(t.Footer, {
           children: [/* @__PURE__ */ o(t.Footer.SecondaryAction, {
-            onClick: u,
+            onClick: _,
             size: "large",
             children: e(a.feedbackTooltipCancel)
           }), /* @__PURE__ */ o(t.Footer.PrimaryAction, {
@@ -101,6 +102,6 @@ import '../../../../styles/feedback-tooltip.css';const A = "_feedbackTooltip_rsb
   });
 };
 export {
-  O as FeedbackTooltip,
-  O as default
+  z as FeedbackTooltip,
+  z as default
 };

package/dist/esm/lib/components/answer/thumb-buttons.js

@@ -1,38 +1,39 @@
-import { useNotification as P, Tooltip as T, IconButton as M } from "@box/blueprint-web";
-import { ThumbUp as R, ThumbDown as v } from "@box/blueprint-web-assets/icons/Fill";
-import { ThumbUp as E, ThumbDown as I } from "@box/blueprint-web-assets/icons/Line";
-import U from "react";
-import { useIntl as W } from "react-intl";
+import { useNotification as v, Tooltip as T, IconButton as M } from "@box/blueprint-web";
+import { ThumbUp as E, ThumbDown as I } from "@box/blueprint-web-assets/icons/Fill";
+import { ThumbUp as S, ThumbDown as W } from "@box/blueprint-web-assets/icons/Line";
+import c from "react";
+import { useIntl as d } from "react-intl";
 import { FeedbackTooltip as $ } from "./feedback-tooltip.js";
 import { LOGGER_BASE_CONFIG as j, LOGGER_ACTION_PROGRAMMATIC as z } from "../common/constants.js";
-import n from "../../messages.js";
+import L from "../../messages.js";
 import r from "./messages.js";
 import { focusInput as A } from "../common/focusInputUtils.js";
-import { jsxs as S, Fragment as J, jsx as f } from "react/jsx-runtime";
-import '../../../../styles/thumb-buttons.css';const K = "_thumbDown_1axcd_1", Q = {
-  thumbDown: K
+import { jsxs as J, Fragment as K, jsx as f } from "react/jsx-runtime";
+import '../../../../styles/thumb-buttons.css';const Q = "_thumbDown_1axcd_1", V = {
+  thumbDown: Q
 }, u = {
   THUMB_UP: "positive",
   THUMB_DOWN: "negative",
   NONE: "none"
-}, tt = ({
-  feedbackValue: L,
-  hostAppName: h,
-  isFeedbackFormEnabled: p = !1,
-  isFeedbackTooltipOpen: w = !1,
-  items: D,
-  onFeedbackFormSubmit: b,
+}, at = ({
+  feedbackValue: p,
+  hostAppName: _,
+  isFeedbackFormEnabled: w = !1,
+  isFeedbackTooltipOpen: y = !1,
+  items: e,
+  onFeedbackFormSubmit: D,
   onFeedbackTooltipOpenChange: s,
   questionId: a,
   recordAction: i,
   setAnswerFeedback: o,
+  shouldFeedbackFormIncludeFeedbackText: n = !1,
   variant: B
 }) => {
   const {
     formatMessage: m
-  } = W(), {
-    addNotification: y
-  } = P(), l = L, c = U.useMemo(() => D.filter((t) => t.status === "supported").map((t) => t.fileType), [D]), _ = U.useCallback((t) => {
+  } = d(), {
+    addNotification: N
+  } = v(), l = p, U = c.useMemo(() => e.filter((t) => t.status === "supported").map((t) => t.fileType), [e]), b = c.useCallback((t) => {
     l !== t && (o == null || o(a, t), i == null || i({
       ...j,
       action: z,
@@ -40,60 +41,62 @@ import '../../../../styles/thumb-buttons.css';const K = "_thumbDown_1axcd_1", Q
       component: B,
       data: {
         feedback_value: t,
-        file_types: c,
-        feature: h
+        file_types: U,
+        feature: _
       }
     }), A());
-  }, [h, i, l, B, c, a, o]), N = ({
+  }, [_, i, l, B, U, a, o]), x = ({
     feedback: t,
-    issueType: G
+    issueType: R
   }) => {
-    b == null || b({
-      feedback: t,
-      fileTypes: c,
-      hasFeedback: !!t,
-      hostApp: h,
-      issueType: G,
+    if (s == null || s(!1, a), !D)
+      return;
+    const h = {
+      fileTypes: U,
+      hostApp: _,
+      issueType: R,
       timestamp: Date.now(),
       questionId: a
-    }, () => {
-      y({
+    };
+    n && (h.feedback = t, h.hasFeedback = !!t), D(h, () => {
+      N({
         sensitivity: "foreground",
         styledText: m(r.feedbackTooltipConfirmation),
         variant: "success",
-        typeIconAriaLabel: m(n.ariaTypeSuccessIconLabel),
-        closeButtonAriaLabel: m(n.closeButtonText)
+        typeIconAriaLabel: m(L.ariaTypeSuccessIconLabel),
+        closeButtonAriaLabel: m(L.closeButtonText)
       });
-    }), s == null || s(!1, a);
-  }, x = (t) => {
+    });
+  }, H = (t) => {
     t || s == null || s(!1, a);
-  }, H = U.useCallback(() => _(u.THUMB_UP), [_]), e = U.useCallback(() => {
-    _(u.THUMB_DOWN), s == null || s(!0, a);
-  }, [_, s, a]);
-  return /* @__PURE__ */ S(J, {
+  }, G = c.useCallback(() => b(u.THUMB_UP), [b]), P = c.useCallback(() => {
+    b(u.THUMB_DOWN), s == null || s(!0, a);
+  }, [b, s, a]);
+  return /* @__PURE__ */ J(K, {
     children: [/* @__PURE__ */ f(T, {
       content: m(r.thumbsUpAriaLabel),
       children: /* @__PURE__ */ f(M, {
         "aria-label": m(r.thumbsUpAriaLabel),
         disabled: l === u.THUMB_DOWN,
-        icon: l === u.THUMB_UP ? R : E,
-        onClick: H,
+        icon: l === u.THUMB_UP ? E : S,
+        onClick: G,
         size: "x-small",
         "data-target-id": "IconButton-thumbsUpAriaLabel"
       })
     }), /* @__PURE__ */ f($, {
-      isOpen: w,
-      onOpenChange: x,
-      onSubmit: N,
-      shouldShow: p,
+      isOpen: y,
+      onOpenChange: H,
+      onSubmit: x,
+      shouldIncludeFeedbackText: n,
+      shouldShow: w,
       children: /* @__PURE__ */ f(T, {
         content: m(r.thumbsDownAriaLabel),
         children: /* @__PURE__ */ f(M, {
           "aria-label": m(r.thumbsDownAriaLabel),
-          className: Q.thumbDown,
+          className: V.thumbDown,
           disabled: l === u.THUMB_UP,
-          icon: l === u.THUMB_DOWN ? v : I,
-          onClick: e,
+          icon: l === u.THUMB_DOWN ? I : W,
+          onClick: P,
           size: "x-small",
           "data-target-id": "IconButton-thumbsDownAriaLabel"
         })
@@ -102,6 +105,6 @@ import '../../../../styles/thumb-buttons.css';const K = "_thumbDown_1axcd_1", Q
   });
 };
 export {
-  tt as ThumbButtons,
-  tt as default
+  at as ThumbButtons,
+  at as default
 };

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

@@ -1,24 +1,24 @@
-import * as G from "react";
-import { BoxAiLogo as H } from "@box/blueprint-web-assets/icons/Logo";
-import { Text as J } from "@box/blueprint-web";
+import * as H from "react";
+import { BoxAiLogo as J } from "@box/blueprint-web-assets/icons/Logo";
+import { Text as K } from "@box/blueprint-web";
 import { Size10 as d } from "@box/blueprint-web-assets/tokens/tokens";
-import { useIntl as K } from "react-intl";
-import U from "clsx";
-import { Answer as V } from "../answer/answer.js";
-import { Question as X } from "../question/question.js";
-import { SuggestedQuestions as Y } from "../suggested-questions/suggested-questions.js";
-import { WelcomeMessage as Z } from "../welcome-message/welcome-message.js";
-import { MediaContainer as $ } from "../common/media-container.js";
-import L from "../welcome-message/messages.js";
+import { useIntl as U } from "react-intl";
+import V from "clsx";
+import { Answer as X } from "../answer/answer.js";
+import { Question as Y } from "../question/question.js";
+import { SuggestedQuestions as Z } from "../suggested-questions/suggested-questions.js";
+import { WelcomeMessage as $ } from "../welcome-message/welcome-message.js";
+import { MediaContainer as L } from "../common/media-container.js";
+import P from "../welcome-message/messages.js";
 import { jsx as e, jsxs as _ } from "react/jsx-runtime";
-import '../../../../styles/chat.css';const P = "_chat_77vqr_1", S = "_clearChatText_77vqr_1", ee = "_landingPage_77vqr_7", te = "_askQuestionText_77vqr_15", oe = "_iconAvatar_77vqr_23", ae = "_sidebar_77vqr_39", a = {
-  chat: P,
-  clearChatText: S,
-  landingPage: ee,
-  askQuestionText: te,
-  iconAvatar: oe,
-  sidebar: ae
-}, xe = ({
+import '../../../../styles/chat.css';const S = "_chat_77vqr_1", ee = "_clearChatText_77vqr_1", te = "_landingPage_77vqr_7", oe = "_askQuestionText_77vqr_15", ae = "_iconAvatar_77vqr_23", re = "_sidebar_77vqr_39", a = {
+  chat: S,
+  clearChatText: ee,
+  landingPage: te,
+  askQuestionText: oe,
+  iconAvatar: ae,
+  sidebar: re
+}, Te = ({
   askSuggestedQuestion: f,
   contentType: n,
   hasCustomSuggestedQuestions: h,
@@ -38,42 +38,43 @@ import '../../../../styles/chat.css';const P = "_chat_77vqr_1", S = "_clearChatT
   setAskSuggestedQuestion: m,
   suggestedQuestions: l,
   suggestedQuestionsRequestState: N,
+  shouldFeedbackFormIncludeFeedbackText: O,
   shouldShowLandingPage: o,
-  useAnimation: O,
+  useAnimation: Q,
   variant: t = "modal",
-  hostAppName: Q = "",
-  welcomeMessageClearText: j,
+  hostAppName: j = "",
+  welcomeMessageClearText: y,
   ...p
 }) => {
   const {
-    formatMessage: y
-  } = K(), [M, w] = G.useState(null), z = (r, i) => {
-    w(r ? i : null);
+    formatMessage: M
+  } = U(), [w, z] = H.useState(null), B = (r, i) => {
+    z(r ? i : null);
   };
   return /* @__PURE__ */ e("div", {
     className: a.chat,
     "data-testid": "content-answers-chat",
     children: /* @__PURE__ */ _("div", {
-      className: U({
+      className: V({
         [a.landingPage]: o,
         [a.sidebar]: t === "sidebar"
       }),
-      children: [o && /* @__PURE__ */ e($.Figure, {
+      children: [o && /* @__PURE__ */ e(L.Figure, {
         variant: t,
         children: /* @__PURE__ */ e("div", {
           className: a.iconAvatar,
-          children: /* @__PURE__ */ e(H, {
+          children: /* @__PURE__ */ e(J, {
             height: d,
             role: "presentation",
             width: d
           })
         })
-      }), /* @__PURE__ */ e(Z, {
+      }), /* @__PURE__ */ e($, {
         contentType: "",
         shouldShowLandingPage: o,
         ...p,
         variant: t
-      }), o && l !== void 0 && m !== void 0 && /* @__PURE__ */ e(Y, {
+      }), o && l !== void 0 && m !== void 0 && /* @__PURE__ */ e(Z, {
         askSuggestedQuestion: f,
         hasCustomSuggestedQuestions: h,
         isLoading: x,
@@ -83,10 +84,10 @@ import '../../../../styles/chat.css';const P = "_chat_77vqr_1", S = "_clearChatT
         suggestedQuestions: l,
         suggestedQuestionsRequestState: N,
         variant: t
-      }), /* @__PURE__ */ e(J, {
+      }), /* @__PURE__ */ e(K, {
         as: "p",
         className: a.clearChatText,
-        children: j || y(L.welcomeClearChatText, {
+        children: y || M(P.welcomeClearChatText, {
           type: n
         })
       }), !o && /* @__PURE__ */ e("ul", {
@@ -94,38 +95,39 @@ import '../../../../styles/chat.css';const P = "_chat_77vqr_1", S = "_clearChatT
           answer: r,
           citations: i,
           id: s,
-          isCompleted: B,
-          isLoading: R,
-          error: W,
-          prompt: D,
-          feedbackValue: E
+          isCompleted: R,
+          isLoading: W,
+          error: D,
+          prompt: E,
+          feedbackValue: G
         }) => /* @__PURE__ */ _("li", {
-          children: [/* @__PURE__ */ e(X, {
-            prompt: D,
+          children: [/* @__PURE__ */ e(Y, {
+            prompt: E,
             variant: t
-          }), /* @__PURE__ */ e(V, {
+          }), /* @__PURE__ */ e(X, {
             answer: r,
             citations: i,
             contentType: n,
-            error: W,
-            feedbackValue: E,
-            hostAppName: Q,
+            error: D,
+            feedbackValue: G,
+            hostAppName: j,
             isCitationsEnabled: T,
-            isCompleted: B,
+            isCompleted: R,
             isFeedbackEnabled: b,
             isFeedbackFormEnabled: v,
-            isFeedbackTooltipOpen: M === s,
-            isLoading: R || g,
+            isFeedbackTooltipOpen: w === s,
+            isLoading: W || g,
             isMarkdownEnabled: C,
             items: p.items,
             onAnswerCopy: q,
             onCitationClick: k,
             onFeedbackFormSubmit: u,
-            onFeedbackTooltipOpenChange: z,
+            onFeedbackTooltipOpenChange: B,
             questionId: s,
             recordAction: c,
             setAnswerFeedback: I,
-            useAnimation: O,
+            shouldFeedbackFormIncludeFeedbackText: O,
+            useAnimation: Q,
             variant: t
           })]
         }, s))
@@ -134,6 +136,6 @@ import '../../../../styles/chat.css';const P = "_chat_77vqr_1", S = "_clearChatT
   });
 };
 export {
-  xe as Chat,
-  xe as default
+  Te as Chat,
+  Te as default
 };

package/dist/types/lib/components/answer/answer.d.ts

@@ -38,6 +38,8 @@ export interface AnswerProps {
     onFeedbackTooltipOpenChange?: (isOpen: boolean, questionId: string) => void;
     /** Callback function to handle logging events */
     recordAction?: (params: RecordActionType) => void;
+    /** Whether the feedback form includes feedback text field */
+    shouldFeedbackFormIncludeFeedbackText?: boolean;
     /** If keyframe animation for appearing answer should be applied */
     useAnimation?: boolean;
     variant?: StyleVariant;

package/dist/types/lib/components/answer/feedback-tooltip.d.ts

@@ -5,7 +5,8 @@ export type FeedbackTooltipProps = {
     isOpen: boolean;
     onOpenChange: (isOpen: boolean) => void;
     onSubmit: (values: FeedbackFormValues) => void;
+    shouldIncludeFeedbackText?: boolean;
     shouldShow: boolean;
 };
-export declare const FeedbackTooltip: ({ children, isOpen, onOpenChange, onSubmit, shouldShow }: FeedbackTooltipProps) => string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element;
+export declare const FeedbackTooltip: ({ children, isOpen, onOpenChange, onSubmit, shouldIncludeFeedbackText, shouldShow, }: FeedbackTooltipProps) => string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element;
 export default FeedbackTooltip;

package/dist/types/lib/components/answer/thumb-buttons.d.ts

@@ -10,7 +10,8 @@ export type ThumbButtonsProps = {
     onFeedbackFormSubmit?: (data: FeedbackFormData, onSuccess: () => void) => void;
     recordAction?: (params: RecordActionType) => void;
     setAnswerFeedback?: (questionId: string, feedbackValue: FeedbackValue) => void;
+    shouldFeedbackFormIncludeFeedbackText?: boolean;
     variant: StyleVariant;
 };
-export declare const ThumbButtons: ({ feedbackValue, hostAppName, isFeedbackFormEnabled, isFeedbackTooltipOpen, items, onFeedbackFormSubmit, onFeedbackTooltipOpenChange, questionId, recordAction, setAnswerFeedback, variant, }: ThumbButtonsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ThumbButtons: ({ feedbackValue, hostAppName, isFeedbackFormEnabled, isFeedbackTooltipOpen, items, onFeedbackFormSubmit, onFeedbackTooltipOpenChange, questionId, recordAction, setAnswerFeedback, shouldFeedbackFormIncludeFeedbackText, variant, }: ThumbButtonsProps) => import("react/jsx-runtime").JSX.Element;
 export default ThumbButtons;

package/dist/types/lib/components/chat/chat.d.ts

@@ -1,3 +1,3 @@
 import { ChatProps } from '../../types';
-export declare const Chat: ({ askSuggestedQuestion, contentType, hasCustomSuggestedQuestions, hasRequestInProgress, isCitationsEnabled, isFeedbackEnabled, isFeedbackFormEnabled, isMarkdownEnabled, isSessionLoading, onCitationClick, onAnswerCopy, onFeedbackFormSubmit, onSuggestedQuestionInteraction, questions, recordAction, setAnswerFeedback, setAskSuggestedQuestion, suggestedQuestions, suggestedQuestionsRequestState, shouldShowLandingPage, useAnimation, variant, hostAppName, welcomeMessageClearText, ...welcomeMessageProps }: ChatProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Chat: ({ askSuggestedQuestion, contentType, hasCustomSuggestedQuestions, hasRequestInProgress, isCitationsEnabled, isFeedbackEnabled, isFeedbackFormEnabled, isMarkdownEnabled, isSessionLoading, onCitationClick, onAnswerCopy, onFeedbackFormSubmit, onSuggestedQuestionInteraction, questions, recordAction, setAnswerFeedback, setAskSuggestedQuestion, suggestedQuestions, suggestedQuestionsRequestState, shouldFeedbackFormIncludeFeedbackText, shouldShowLandingPage, useAnimation, variant, hostAppName, welcomeMessageClearText, ...welcomeMessageProps }: ChatProps) => import("react/jsx-runtime").JSX.Element;
 export default Chat;

package/dist/types/lib/types.d.ts

@@ -116,6 +116,8 @@ export type ChatProps = WelcomeMessageProps & {
     onFeedbackFormSubmit?: (data: FeedbackFormData, onSuccess: () => void) => void;
     /** Callback when the user interacts with suggested question */
     onSuggestedQuestionInteraction?: () => void;
+    /** Whether the feedback form includes feedback text field */
+    shouldFeedbackFormIncludeFeedbackText?: boolean;
     variant?: StyleVariant;
     hostAppName?: string;
     /** Custom clear chat message to be shown instead of This chat will be cleared when you close this {contentType} */
@@ -176,7 +178,7 @@ export declare enum FeedbackIssueType {
     OTHER = "other"
 }
 export type FeedbackFormValues = {
-    feedback: string;
+    feedback?: string;
     issueType: FeedbackIssueType | '';
 };
 export type FeedbackValue = 'positive' | 'negative' | 'none';
@@ -241,9 +243,9 @@ export type EventLogOptions = {
 };
 export type appModeType = typeof APP_MODE.PREVIEW_MODAL | typeof APP_MODE.PREVIEW_SIDEBAR | typeof APP_MODE.ITEM_LIST_MODAL | typeof APP_MODE.HUBS_MODAL | typeof APP_MODE.NOTES_MODAL;
 export type FeedbackFormData = {
-    feedback: string;
+    feedback?: string;
     fileTypes: string[];
-    hasFeedback: boolean;
+    hasFeedback?: boolean;
     hostApp: string;
     issueType: FeedbackIssueType | '';
     questionId: string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/box-ai-content-answers",
-    "version": "0.121.4",
+    "version": "0.122.0",
     "peerDependencies": {
         "@box/blueprint-web": "^7.8.0",
         "@box/blueprint-web-assets": "^4.35.0",