@box/box-ai-content-answers 0.152.0 → 0.153.0

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

@@ -1,67 +1,69 @@
-import { Text as q } from "@box/blueprint-web";
-import { AlertTriangle as J } from "@box/blueprint-web-assets/icons/Line";
-import { Gray65 as K, Size4 as N } from "@box/blueprint-web-assets/tokens/tokens";
-import I from "clsx";
-import { memo as Q, useState as X, useEffect as S, useMemo as Y } from "react";
-import { useIntl as Z } from "react-intl";
+import { Text as K } from "@box/blueprint-web";
+import { AlertTriangle as Q } from "@box/blueprint-web-assets/icons/Line";
+import { Gray65 as X, Size4 as I } from "@box/blueprint-web-assets/tokens/tokens";
+import S from "clsx";
+import { memo as Y, useState as Z, useEffect as g, useMemo as $ } from "react";
+import { useIntl as tt } from "react-intl";
 import { A as r } from "../../../../chunks/types.js";
-import { injectInlineCitation as $ } from "../../utils/inlineCitationsUtils.js";
-import { MediaContainer as g } from "../common/media-container.js";
-import { AnswerContent as tt } from "./answer-content.js";
-import { CopyButton as ot } from "./copy-button.js";
-import { InlineError as et } from "./inline-error.js";
-import { LoadingIndicator as nt } from "./loading-indicator.js";
+import { injectInlineCitation as ot } from "../../utils/inlineCitationsUtils.js";
+import { MediaContainer as R } from "../common/media-container.js";
+import { AnswerContent as et } from "./answer-content.js";
+import { CopyButton as nt } from "./copy-button.js";
+import { InlineError as rt } from "./inline-error.js";
+import { LoadingIndicator as st } from "./loading-indicator.js";
 import f from "./messages.js";
-import { References as rt } from "./references.js";
-import { ThumbButtons as st } from "./thumb-buttons.js";
+import { References as at } from "./references.js";
+import { ThumbButtons as it } from "./thumb-buttons.js";
 import { jsxs as l, jsx as n } from "react/jsx-runtime";
-import '../../../../styles/answer.css';const at = "_answer_140hd_1", it = "_alertIcon_140hd_5", ct = "_error_140hd_8", lt = "_footer_140hd_12", dt = "_copyButtonContainer_140hd_18", ut = "_feedbackButtonsContainer_140hd_19", ft = "_shouldHaveMarginTop_140hd_23", mt = "_shouldUseAnimation_140hd_26", _t = "_shouldAnimateHeight_140hd_30", ht = "_footerButtons_140hd_34", Et = "_iconAvatar_140hd_40", pt = "_buttonsVisible_140hd_56", o = {
-  answer: at,
-  alertIcon: it,
-  error: ct,
-  footer: lt,
-  copyButtonContainer: dt,
-  feedbackButtonsContainer: ut,
-  shouldHaveMarginTop: ft,
-  shouldUseAnimation: mt,
-  shouldAnimateHeight: _t,
-  footerButtons: ht,
-  iconAvatar: Et,
-  buttonsVisible: pt
-}, Nt = /* @__PURE__ */ new Set([r.RATE_LIMITING, r.NO_CONTENT, r.PRECONDITION_FAILED, r.GENERAL, r.AGENT_NOT_FOUND]), Lt = /* @__PURE__ */ Q(({
+import '../../../../styles/answer.css';const ct = "_answer_140hd_1", lt = "_alertIcon_140hd_5", dt = "_error_140hd_8", ut = "_footer_140hd_12", ft = "_copyButtonContainer_140hd_18", mt = "_feedbackButtonsContainer_140hd_19", _t = "_shouldHaveMarginTop_140hd_23", ht = "_shouldUseAnimation_140hd_26", Et = "_shouldAnimateHeight_140hd_30", pt = "_footerButtons_140hd_34", Nt = "_iconAvatar_140hd_40", It = "_buttonsVisible_140hd_56", o = {
+  answer: ct,
+  alertIcon: lt,
+  error: dt,
+  footer: ut,
+  copyButtonContainer: ft,
+  feedbackButtonsContainer: mt,
+  shouldHaveMarginTop: _t,
+  shouldUseAnimation: ht,
+  shouldAnimateHeight: Et,
+  footerButtons: pt,
+  iconAvatar: Nt,
+  buttonsVisible: It
+}, St = /* @__PURE__ */ new Set([r.RATE_LIMITING, r.NO_CONTENT, r.PRECONDITION_FAILED, r.GENERAL, r.AGENT_NOT_FOUND]), xt = /* @__PURE__ */ Y(({
   answer: t,
-  citations: R,
+  citations: T,
   error: e,
-  contentType: T,
+  contentType: A,
   hostAppName: d,
-  feedbackValue: A,
-  isCitationsEnabled: O = !1,
+  feedbackValue: O,
+  isCitationsEnabled: b = !1,
   isCompleted: s = !1,
-  isFeedbackEnabled: b = !1,
-  isFeedbackFormEnabled: B,
+  isFeedbackEnabled: B = !1,
+  isFeedbackFormEnabled: P,
   isFeedbackTooltipOpen: m,
   isInlineCitationsEnabled: _ = !1,
-  isLoading: P = !1,
-  isMarkdownEnabled: w = !1,
+  isLoading: w = !1,
+  isMarkdownEnabled: C = !1,
   items: a = [],
-  onAnswerCopy: C,
-  onCitationClick: M,
-  onFeedbackFormSubmit: v,
-  onFeedbackTooltipOpenChange: y,
-  promptType: D,
+  onAnswerCopy: M,
+  onCitationClick: v,
+  onFeedbackFormSubmit: y,
+  onFeedbackTooltipOpenChange: D,
+  prompt: F,
+  promptType: H,
   recordAction: i,
-  shouldFeedbackFormIncludeFeedbackText: F,
-  useAnimation: H = !0,
+  shouldFeedbackFormIncludeFeedbackText: L,
+  shouldFeedbackIncludePromptData: U,
+  useAnimation: x = !0,
   variant: c = "modal",
-  isReactMarkdownEnabled: L,
-  setAnswerFeedback: U,
-  questionId: x
+  isReactMarkdownEnabled: k,
+  setAnswerFeedback: G,
+  questionId: V
 }) => {
-  const h = Nt.has(e), E = P && !t && !e, [k, G] = X(s), {
+  const h = St.has(e), E = w && !t && !e, [j, z] = Z(s), {
     formatMessage: u
-  } = Z();
-  S(() => {
-    t && i && s && a.some((W) => t.includes(W.name)) && i({
+  } = tt();
+  g(() => {
+    t && i && s && a.some((J) => t.includes(J.name)) && i({
       action: "programmatic",
       component: c,
       feature: "answers",
@@ -72,53 +74,56 @@ import '../../../../styles/answer.css';const at = "_answer_140hd_1", it = "_aler
         fileNameCount: a.length
       }
     });
-  }, [t, c, d, s, i, a]), S(() => {
-    setTimeout(() => G(s), 0);
+  }, [t, c, d, s, i, a]), g(() => {
+    setTimeout(() => z(s), 0);
   }, [s]);
-  const p = () => /* @__PURE__ */ n(J, {
+  const p = () => /* @__PURE__ */ n(Q, {
     className: o.alertIcon,
-    color: K,
+    color: X,
     "data-testid": "content-answers-error-alert-icon",
-    height: N,
+    height: I,
     role: "presentation",
-    width: N
-  }), V = () => /* @__PURE__ */ l(q, {
+    width: I
+  }), W = () => /* @__PURE__ */ l(K, {
     as: "p",
     className: o.error,
     color: "textOnLightSecondary",
     "data-testid": "content-answers-error",
     variant: "caption",
     children: [e === r.RESPONSE_INTERRUPTED && u(f.responseInterruptedError), e === r.RESPONSE_FAILED && u(f.responseFailedError), e === r.RESPONSE_STOPPED && u(f.responseStoppedError), e !== r.RESPONSE_STOPPED && p()]
-  }), j = () => e !== r.RESPONSE_STOPPED ? /* @__PURE__ */ l("div", {
-    className: I(o.footerButtons, "footer-buttons-container", {
+  }), q = () => e !== r.RESPONSE_STOPPED ? /* @__PURE__ */ l("div", {
+    className: S(o.footerButtons, "footer-buttons-container", {
       [o.buttonsVisible]: m
     }),
-    children: [b ? /* @__PURE__ */ n("div", {
+    children: [B ? /* @__PURE__ */ n("div", {
       className: o.feedbackButtonsContainer,
-      children: /* @__PURE__ */ n(st, {
-        feedbackValue: A,
+      children: /* @__PURE__ */ n(it, {
+        feedbackValue: O,
         hostAppName: d,
-        isFeedbackFormEnabled: B,
+        isFeedbackFormEnabled: P,
         isFeedbackTooltipOpen: m,
         items: a,
-        onFeedbackFormSubmit: v,
-        onFeedbackTooltipOpenChange: y,
-        promptType: D,
-        questionId: x,
+        onFeedbackFormSubmit: y,
+        onFeedbackTooltipOpenChange: D,
+        prompt: F,
+        promptType: H,
+        questionId: V,
         recordAction: i,
-        setAnswerFeedback: U,
-        shouldFeedbackFormIncludeFeedbackText: F,
+        response: N,
+        setAnswerFeedback: G,
+        shouldFeedbackFormIncludeFeedbackText: L,
+        shouldFeedbackIncludePromptData: U,
         variant: c
       })
     }) : null, /* @__PURE__ */ n("div", {
       className: o.copyButtonContainer,
-      children: /* @__PURE__ */ n(ot, {
+      children: /* @__PURE__ */ n(nt, {
         answer: t,
-        onAnswerCopy: C,
+        onAnswerCopy: M,
         recordAction: i
       })
     })]
-  }) : t ? null : p(), z = Y(() => t && $(t, {
+  }) : t ? null : p(), N = $(() => t && ot(t, {
     items: a,
     isCompleted: s,
     isInlineCitationsEnabled: _
@@ -127,33 +132,33 @@ import '../../../../styles/answer.css';const at = "_answer_140hd_1", it = "_aler
     "aria-live": "polite",
     className: o.answer,
     "data-testid": "content-answers-answer",
-    children: [E && /* @__PURE__ */ n(nt, {}), !h && !E && /* @__PURE__ */ n(g, {
+    children: [E && /* @__PURE__ */ n(st, {}), !h && !E && /* @__PURE__ */ n(R, {
       className: "answer",
       variant: c,
-      children: /* @__PURE__ */ l(g.Content, {
+      children: /* @__PURE__ */ l(R.Content, {
         isUsedInsideSidebar: c === "sidebar",
         variant: "answer",
-        children: [/* @__PURE__ */ n(tt, {
-          answer: z,
-          isMarkdownEnabled: w,
-          isReactMarkdownEnabled: L,
+        children: [/* @__PURE__ */ n(et, {
+          answer: N,
+          isMarkdownEnabled: C,
+          isReactMarkdownEnabled: k,
           variant: c
         }), s && /* @__PURE__ */ l("div", {
-          className: I(o.footer, {
+          className: S(o.footer, {
             [o.shouldHaveMarginTop]: t,
-            [o.shouldAnimateHeight]: k,
-            [o.shouldUseAnimation]: H
+            [o.shouldAnimateHeight]: j,
+            [o.shouldUseAnimation]: x
           }),
           "data-testid": "content-answers-answer-footer",
-          children: [e && V(), O && !e && /* @__PURE__ */ n(rt, {
-            citations: R,
-            onCitationClick: M,
+          children: [e && W(), b && !e && /* @__PURE__ */ n(at, {
+            citations: T,
+            onCitationClick: v,
             recordAction: i
-          }), j()]
+          }), q()]
         })]
       })
-    }), h && /* @__PURE__ */ n(et, {
-      contentType: T,
+    }), h && /* @__PURE__ */ n(rt, {
+      contentType: A,
       error: e,
       recordAction: i,
       variant: c
@@ -161,6 +166,6 @@ import '../../../../styles/answer.css';const at = "_answer_140hd_1", it = "_aler
   });
 });
 export {
-  Lt as Answer,
-  Lt as default
+  xt as Answer,
+  xt as default
 };

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

@@ -1,131 +1,143 @@
-import { Formik as g, Form as I } from "formik";
-import { GuidedTooltip as l, Radio as c, TextArea as x, Text as y, Link as S } from "@box/blueprint-web";
-import { useIntl as v, FormattedMessage as N } from "react-intl";
-import { F as r } from "../../../../chunks/types.js";
-import { ABUSE_REPORT_EMAIL as f } from "./constants.js";
-import E from "../../messages.js";
+import { Formik as F, Form as g } from "formik";
+import { GuidedTooltip as l, Radio as c, TextArea as I, Checkbox as L, Text as P, Link as v } from "@box/blueprint-web";
+import { useIntl as y, FormattedMessage as N } from "react-intl";
+import { F as n } from "../../../../chunks/types.js";
+import { ABUSE_REPORT_EMAIL as k } from "./constants.js";
+import j from "../../messages.js";
 import a from "./messages.js";
-import { jsx as e, jsxs as i, Fragment as m } from "react/jsx-runtime";
-import '../../../../styles/feedback-tooltip.css';const R = "_feedbackTooltip_1dntu_1", B = "_feedbackTooltipForm_1dntu_8", C = "_feedbackTooltipTitle_1dntu_12", D = "_feedbackTooltipTextarea_1dntu_15", w = "_feedbackTooltipSubmitBtn_1dntu_18", O = "_feedbackTooltipAbuseDisclaimer_1dntu_21", M = "_feedbackTooltipAbuseLink_1dntu_25", t = {
+import { jsx as e, jsxs as s, Fragment as E } from "react/jsx-runtime";
+import '../../../../styles/feedback-tooltip.css';const R = "_feedbackTooltip_hjxds_1", B = "_feedbackTooltipForm_hjxds_8", D = "_feedbackTooltipTitle_hjxds_12", w = "_feedbackTooltipTextarea_hjxds_15", O = "_feedbackTooltipSubmitBtn_hjxds_18", M = "_feedbackTooltipPromptShareConsent_hjxds_21", U = "_feedbackTooltipAbuseDisclaimer_hjxds_24", z = "_feedbackTooltipAbuseLink_hjxds_28", t = {
   feedbackTooltip: R,
   feedbackTooltipForm: B,
-  feedbackTooltipTitle: C,
-  feedbackTooltipTextarea: D,
-  feedbackTooltipSubmitBtn: w,
-  feedbackTooltipAbuseDisclaimer: O,
-  feedbackTooltipAbuseLink: M
-}, H = ({
-  children: n,
-  isOpen: k,
-  onOpenChange: b,
+  feedbackTooltipTitle: D,
+  feedbackTooltipTextarea: w,
+  feedbackTooltipSubmitBtn: O,
+  feedbackTooltipPromptShareConsent: M,
+  feedbackTooltipAbuseDisclaimer: U,
+  feedbackTooltipAbuseLink: z
+}, K = ({
+  children: b,
+  isOpen: f,
+  onOpenChange: p,
   onSubmit: u,
-  shouldIncludeFeedbackText: _,
-  shouldShow: A
+  shouldIncludeFeedbackText: T,
+  shouldIncludePromptShareConsent: h,
+  shouldShow: _
 }) => {
   const {
     formatMessage: o
-  } = v();
-  if (!A)
-    return n;
-  const h = () => {
-    b(!1);
-  }, F = (s) => {
-    u(s);
+  } = y();
+  if (!_)
+    return b;
+  const x = () => {
+    p(!1);
+  }, A = (r) => {
+    u(r);
   };
   return /* @__PURE__ */ e(l, {
     align: "end",
     className: t.feedbackTooltip,
-    closeLabel: o(E.closeButtonText),
-    content: /* @__PURE__ */ e(g, {
+    closeLabel: o(j.closeButtonText),
+    content: /* @__PURE__ */ e(F, {
       initialValues: {
         feedback: "",
+        feedbackPromptShareConsent: !0,
+        // By default, the checkbox is checked when it is shown
         issueType: ""
       },
-      onSubmit: F,
+      onSubmit: A,
       children: ({
-        submitForm: s,
-        setFieldValue: T,
+        submitForm: r,
+        setFieldValue: d,
         values: {
-          feedback: L,
-          issueType: p
+          feedback: C,
+          feedbackPromptShareConsent: S,
+          issueType: m
         }
-      }) => /* @__PURE__ */ i(m, {
-        children: [/* @__PURE__ */ i(l.Body, {
+      }) => /* @__PURE__ */ s(E, {
+        children: [/* @__PURE__ */ s(l.Body, {
           children: [/* @__PURE__ */ e(l.Title, {
             className: t.feedbackTooltipTitle,
             children: o(a.feedbackTooltipTitle)
-          }), /* @__PURE__ */ i(I, {
+          }), /* @__PURE__ */ s(g, {
             className: t.feedbackTooltipForm,
             children: [/* @__PURE__ */ e(c.Legend, {
               header: o(a.feedbackTooltipIssueTypeLabel),
-              children: /* @__PURE__ */ i(c.Group, {
+              children: /* @__PURE__ */ s(c.Group, {
                 defaultValue: "",
                 loop: !0,
                 name: "issueType",
-                onValueChange: (d) => T("issueType", d),
+                onValueChange: (i) => d("issueType", i),
                 orientation: "vertical",
-                value: p,
+                value: m,
                 children: [/* @__PURE__ */ e(c.Item, {
                   label: o(a.feedbackTooltipIssueTypeAnswer1),
-                  value: r.INACCURATE_ANSWER
+                  value: n.INACCURATE_ANSWER
                 }), /* @__PURE__ */ e(c.Item, {
                   label: o(a.feedbackTooltipIssueTypeAnswer2),
-                  value: r.DID_NOT_FOLLOW_REQUEST
+                  value: n.DID_NOT_FOLLOW_REQUEST
                 }), /* @__PURE__ */ e(c.Item, {
                   label: o(a.feedbackTooltipIssueTypeAnswer3),
-                  value: r.OTHER
+                  value: n.OTHER
                 })]
               })
-            }), _ && /* @__PURE__ */ i(m, {
-              children: [/* @__PURE__ */ e(x, {
-                className: t.feedbackTooltipTextarea,
-                label: o(a.feedbackTooltipFeedbackLabel),
-                maxRows: 4,
-                minRows: 4,
-                onChange: (d) => T("feedback", d.target.value),
-                placeholder: o(a.feedbackTooltipFeedbackPlaceholder),
-                value: L
-              }), /* @__PURE__ */ e(y, {
-                as: "p",
-                className: t.feedbackTooltipAbuseDisclaimer,
-                variant: "caption",
-                children: /* @__PURE__ */ e(N, {
-                  ...a.feedbackTooltipAbuseDisclaimer,
-                  values: {
-                    abuseEmailLink: /* @__PURE__ */ e(S, {
-                      className: t.feedbackTooltipAbuseLink,
-                      href: `mailto:${f}`,
-                      rel: "noopener noreferrer",
-                      target: "_blank",
-                      children: f
-                    })
-                  }
-                })
-              })]
+            }), T && /* @__PURE__ */ e(I, {
+              className: t.feedbackTooltipTextarea,
+              label: o(a.feedbackTooltipFeedbackLabel),
+              maxRows: 4,
+              minRows: 4,
+              onChange: (i) => d("feedback", i.target.value),
+              placeholder: o(a.feedbackTooltipFeedbackPlaceholder),
+              value: C
+            }), h && /* @__PURE__ */ e(L.Item, {
+              checked: S,
+              className: t.feedbackTooltipPromptShareConsent,
+              "data-target-id": "Checkbox.Item-boxAiFeedbackPromptShareConsent",
+              label: o(a.feedbackTooltipPromptShareConsent),
+              onCheckedChange: (i) => {
+                d("feedbackPromptShareConsent", i);
+              },
+              value: "feedbackPromptShareConsent"
+            }), T && /* @__PURE__ */ e(P, {
+              as: "p",
+              className: t.feedbackTooltipAbuseDisclaimer,
+              variant: "caption",
+              children: /* @__PURE__ */ e(N, {
+                ...a.feedbackTooltipAbuseDisclaimer,
+                values: {
+                  abuseEmailLink: /* @__PURE__ */ e(v, {
+                    className: t.feedbackTooltipAbuseLink,
+                    href: `mailto:${k}`,
+                    rel: "noopener noreferrer",
+                    target: "_blank",
+                    children: k
+                  })
+                }
+              })
             })]
           })]
-        }), /* @__PURE__ */ i(l.Footer, {
+        }), /* @__PURE__ */ s(l.Footer, {
           children: [/* @__PURE__ */ e(l.Footer.SecondaryAction, {
-            onClick: h,
+            onClick: x,
             size: "large",
             children: o(a.feedbackTooltipCancel)
           }), /* @__PURE__ */ e(l.Footer.PrimaryAction, {
             className: t.feedbackTooltipSubmitBtn,
-            disabled: !p,
-            onClick: () => s(),
+            disabled: !m,
+            onClick: () => r(),
             size: "large",
             children: o(a.feedbackTooltipSubmit)
           })]
         })]
       })
     }),
-    onOpenChange: b,
-    open: k,
+    onOpenChange: p,
+    open: f,
     side: "left",
-    children: n
+    children: b
   });
 };
 export {
-  H as FeedbackTooltip,
-  H as default
+  K as FeedbackTooltip,
+  K as default
 };

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

@@ -64,6 +64,10 @@ const t = e({
     id: "boxAI.contentAnswers.feedbackTooltipIssueTypeAnswer3",
     defaultMessage: "Other"
   },
+  feedbackTooltipPromptShareConsent: {
+    id: "boxAI.contentAnswers.feedbackTooltipPromptShareConsent",
+    defaultMessage: "Share my prompt and response to help improve product quality."
+  },
   feedbackTooltipTitle: {
     id: "boxAI.contentAnswers.feedbackTooltipTitle",
     defaultMessage: "Share your feedback"