@box/box-ai-content-answers 0.147.1 → 0.148.1

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

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

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

@@ -1,4 +1,5 @@
-const T = 500;
+const o = "abuse@box.com", A = 500;
 export {
-  T as MAX_CITATION_LENGTH
+  o as ABUSE_REPORT_EMAIL,
+  A as MAX_CITATION_LENGTH
 };

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

@@ -1,108 +1,131 @@
-import { Formik as F, Form as I } from "formik";
-import { GuidedTooltip as t, Radio as l, TextArea as g } from "@box/blueprint-web";
-import { useIntl as x } from "react-intl";
+import { Formik as L, Form as g } from "formik";
+import { GuidedTooltip as t, Radio as c, TextArea as I, Text as y, Link as S } from "@box/blueprint-web";
+import { useIntl as v, FormattedMessage as N } from "react-intl";
 import { F as d } from "../../../../chunks/types.js";
-import S from "../../messages.js";
+import { ABUSE_REPORT_EMAIL as k } from "./constants.js";
+import j from "../../messages.js";
 import a from "./messages.js";
-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: n,
-  isOpen: f,
-  onOpenChange: b,
-  onSubmit: m,
-  shouldIncludeFeedbackText: k,
-  shouldShow: u
+import { jsx as e, jsxs as i, Fragment as f } from "react/jsx-runtime";
+import '../../../../styles/feedback-tooltip.css';const E = "_feedbackTooltip_1x6kj_1", R = "_feedbackTooltipForm_1x6kj_8", B = "_feedbackTooltipTitle_1x6kj_12", C = "_feedbackTooltipTextarea_1x6kj_15", D = "_feedbackTooltipSubmitBtn_1x6kj_18", w = "_feedbackTooltipAbuseDisclaimer_1x6kj_21", O = "_feedbackTooltipAbuseLink_1x6kj_25", l = {
+  feedbackTooltip: E,
+  feedbackTooltipForm: R,
+  feedbackTooltipTitle: B,
+  feedbackTooltipTextarea: C,
+  feedbackTooltipSubmitBtn: D,
+  feedbackTooltipAbuseDisclaimer: w,
+  feedbackTooltipAbuseLink: O
+}, H = ({
+  children: b,
+  isOpen: m,
+  onOpenChange: n,
+  onSubmit: u,
+  shouldIncludeFeedbackText: _,
+  shouldShow: A
 }) => {
   const {
-    formatMessage: e
-  } = x();
-  if (!u)
-    return n;
-  const _ = () => {
-    b(!1);
-  }, h = (s) => {
-    m(s);
+    formatMessage: o
+  } = v();
+  if (!A)
+    return b;
+  const h = () => {
+    n(!1);
+  }, x = (s) => {
+    u(s);
   };
-  return /* @__PURE__ */ o(t, {
+  return /* @__PURE__ */ e(t, {
     align: "end",
-    className: c.feedbackTooltip,
-    closeLabel: e(S.closeButtonText),
-    content: /* @__PURE__ */ o(F, {
+    className: l.feedbackTooltip,
+    closeLabel: o(j.closeButtonText),
+    content: /* @__PURE__ */ e(L, {
       initialValues: {
         feedback: "",
         issueType: ""
       },
-      onSubmit: h,
+      onSubmit: x,
       children: ({
         submitForm: s,
         setFieldValue: T,
         values: {
-          feedback: y,
+          feedback: F,
           issueType: p
         }
-      }) => /* @__PURE__ */ i(A, {
+      }) => /* @__PURE__ */ i(f, {
         children: [/* @__PURE__ */ i(t.Body, {
-          children: [/* @__PURE__ */ o(t.Title, {
-            className: c.feedbackTooltipTitle,
-            children: e(a.feedbackTooltipTitle)
-          }), /* @__PURE__ */ i(I, {
-            children: [/* @__PURE__ */ o(l.Legend, {
-              header: e(a.feedbackTooltipIssueTypeLabel),
-              children: /* @__PURE__ */ i(l.Group, {
+          children: [/* @__PURE__ */ e(t.Title, {
+            className: l.feedbackTooltipTitle,
+            children: o(a.feedbackTooltipTitle)
+          }), /* @__PURE__ */ i(g, {
+            className: l.feedbackTooltipForm,
+            children: [/* @__PURE__ */ e(c.Legend, {
+              header: o(a.feedbackTooltipIssueTypeLabel),
+              children: /* @__PURE__ */ i(c.Group, {
                 defaultValue: "",
                 loop: !0,
                 name: "issueType",
                 onValueChange: (r) => T("issueType", r),
                 orientation: "vertical",
                 value: p,
-                children: [/* @__PURE__ */ o(l.Item, {
-                  label: e(a.feedbackTooltipIssueTypeAnswer1),
+                children: [/* @__PURE__ */ e(c.Item, {
+                  label: o(a.feedbackTooltipIssueTypeAnswer1),
                   value: d.INACCURATE_ANSWER
-                }), /* @__PURE__ */ o(l.Item, {
-                  label: e(a.feedbackTooltipIssueTypeAnswer2),
+                }), /* @__PURE__ */ e(c.Item, {
+                  label: o(a.feedbackTooltipIssueTypeAnswer2),
                   value: d.DID_NOT_FOLLOW_REQUEST
-                }), /* @__PURE__ */ o(l.Item, {
-                  label: e(a.feedbackTooltipIssueTypeAnswer3),
+                }), /* @__PURE__ */ e(c.Item, {
+                  label: o(a.feedbackTooltipIssueTypeAnswer3),
                   value: d.OTHER
                 })]
               })
-            }), k && /* @__PURE__ */ o(g, {
-              className: c.feedbackTooltipTextarea,
-              label: e(a.feedbackTooltipFeedbackLabel),
-              maxRows: 4,
-              minRows: 4,
-              onChange: (r) => T("feedback", r.target.value),
-              placeholder: e(a.feedbackTooltipFeedbackPlaceholder),
-              value: y
+            }), _ && /* @__PURE__ */ i(f, {
+              children: [/* @__PURE__ */ e(I, {
+                className: l.feedbackTooltipTextarea,
+                label: o(a.feedbackTooltipFeedbackLabel),
+                maxRows: 4,
+                minRows: 4,
+                onChange: (r) => T("feedback", r.target.value),
+                placeholder: o(a.feedbackTooltipFeedbackPlaceholder),
+                value: F
+              }), /* @__PURE__ */ e(y, {
+                as: "p",
+                className: l.feedbackTooltipAbuseDisclaimer,
+                variant: "caption",
+                children: /* @__PURE__ */ e(N, {
+                  ...a.feedbackTooltipAbuseDisclaimer,
+                  values: {
+                    abuseEmailLink: /* @__PURE__ */ e(S, {
+                      className: l.feedbackTooltipAbuseLink,
+                      href: `mailto:${k}`,
+                      rel: "noopener noreferrer",
+                      target: "_blank",
+                      children: k
+                    })
+                  }
+                })
+              })]
             })]
           })]
         }), /* @__PURE__ */ i(t.Footer, {
-          children: [/* @__PURE__ */ o(t.Footer.SecondaryAction, {
-            onClick: _,
+          children: [/* @__PURE__ */ e(t.Footer.SecondaryAction, {
+            onClick: h,
             size: "large",
-            children: e(a.feedbackTooltipCancel)
-          }), /* @__PURE__ */ o(t.Footer.PrimaryAction, {
-            className: c.feedbackTooltipSubmitBtn,
+            children: o(a.feedbackTooltipCancel)
+          }), /* @__PURE__ */ e(t.Footer.PrimaryAction, {
+            className: l.feedbackTooltipSubmitBtn,
             disabled: !p,
             onClick: () => s(),
             size: "large",
-            children: e(a.feedbackTooltipSubmit)
+            children: o(a.feedbackTooltipSubmit)
           })]
         })]
       })
     }),
-    onOpenChange: b,
-    open: f,
+    onOpenChange: n,
+    open: m,
     side: "left",
-    children: n
+    children: b
   });
 };
 export {
-  z as FeedbackTooltip,
-  z as default
+  H as FeedbackTooltip,
+  H as default
 };

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

@@ -36,6 +36,10 @@ const t = e({
     id: "boxAI.contentAnswers.feedbackTooltipConfirmation",
     defaultMessage: "Thank you for the feedback."
   },
+  feedbackTooltipAbuseDisclaimer: {
+    id: "boxAI.contentAnswers.feedbackTooltipAbuseDisclaimer",
+    defaultMessage: "To report inappropriate content, email {abuseEmailLink}"
+  },
   feedbackTooltipFeedbackLabel: {
     id: "boxAI.contentAnswers.feedbackTooltipFeedback",
     defaultMessage: "How can we improve the experience?"