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

package/dist/chunks/stopResponseButton.js

@@ -1,24 +1,24 @@
 import * as p from "react";
 import { useIntl as u } from "react-intl";
-import { Tooltip as _, Button as l } from "@box/blueprint-web";
-import { Stop as m } from "@box/blueprint-web-assets/icons/Fill";
-import { LOGGER_BASE_CONFIG as c, LOGGER_ACTION_CLICK as q } from "../esm/lib/components/common/constants.js";
+import { Tooltip as _, Button as m } from "@box/blueprint-web";
+import { Stop as c } from "@box/blueprint-web-assets/icons/Fill";
+import { LOGGER_BASE_CONFIG as l, LOGGER_ACTION_CLICK as g } from "../esm/lib/components/common/constants.js";
 import e from "../esm/lib/components/footer/messages.js";
 import { jsx as r } from "react/jsx-runtime";
-import '../styles/stopResponseButton.css';const B = "_questionInput_l8q94_1", b = "_questionInputWithOutPromptLibrary_l8q94_14", d = "_avatar_l8q94_29", f = "_inputAreaButton_l8q94_32", C = "_square_l8q94_48", I = "_textArea_l8q94_55", R = "_error_l8q94_78", A = "_sidebar_l8q94_81", O = "_submitButtonTooltip_l8q94_89", g = "_actionContainer_l8q94_98", L = "_promptButton_l8q94_104", h = {
-  questionInput: B,
-  questionInputWithOutPromptLibrary: b,
-  avatar: d,
-  inputAreaButton: f,
-  square: C,
-  textArea: I,
-  error: R,
-  sidebar: A,
-  submitButtonTooltip: O,
-  actionContainer: g,
-  promptButton: L
+import '../styles/stopResponseButton.css';const k = "_questionInput_kn61g_2", B = "_questionInputWithOutPromptLibrary_kn61g_15", b = "_avatar_kn61g_30", d = "_inputAreaButton_kn61g_33", f = "_square_kn61g_49", C = "_textArea_kn61g_56", I = "_error_kn61g_79", q = "_sidebar_kn61g_82", R = "_submitButtonTooltip_kn61g_90", A = "_actionContainer_kn61g_99", O = "_promptButton_kn61g_105", L = {
+  questionInput: k,
+  questionInputWithOutPromptLibrary: B,
+  avatar: b,
+  inputAreaButton: d,
+  square: f,
+  textArea: C,
+  error: I,
+  sidebar: q,
+  submitButtonTooltip: R,
+  actionContainer: A,
+  promptButton: O
 };
-function k({
+function S({
   recordAction: t,
   lastQuestion: o,
   onStopQuestion: n,
@@ -26,8 +26,8 @@ function k({
 }) {
   const s = u(), i = p.useCallback(() => {
     t && t({
-      ...c,
-      action: q,
+      ...l,
+      action: g,
       target: "stopResponse"
     }), n(o);
   }, [o, n, t]);
@@ -35,12 +35,12 @@ function k({
     content: s.formatMessage(e.stopResponse),
     "data-testid": "stop-response-tooltip",
     variant: "standard",
-    children: /* @__PURE__ */ r(l, {
+    children: /* @__PURE__ */ r(m, {
       "aria-label": s.formatMessage(e.stopResponse),
       "aria-live": "polite",
-      className: h.inputAreaButton,
+      className: L.inputAreaButton,
       "data-testid": "content-answers-stop-response-button",
-      icon: m,
+      icon: c,
       onClick: i,
       size: a,
       "data-target-id": "Button-stopResponse"
@@ -48,6 +48,6 @@ function k({
   });
 }
 export {
-  k as S,
-  h as s
+  S,
+  L as s
 };

package/dist/chunks/warning-message.js

@@ -1,16 +1,16 @@
 import { InlineNotice as r, Text as n } from "@box/blueprint-web";
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import '../styles/warning-message.css';const t = "_welcomeMessage_4b90d_1", c = "_warnings_4b90d_4", g = "_warningNotice_4b90d_9", l = "_iconAvatar_4b90d_12", _ = {
-  welcomeMessage: t,
-  warnings: c,
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import '../styles/warning-message.css';const o = "_welcomeMessage_q7ymc_2", t = "_warnings_q7ymc_5", g = "_warningNotice_q7ymc_10", l = "_iconAvatar_q7ymc_13", m = {
+  welcomeMessage: o,
+  warnings: t,
   warningNotice: g,
   iconAvatar: l
-}, m = ({
+}, v = ({
   ariaLabel: s,
   title: i,
   description: a
-}) => /* @__PURE__ */ o(r, {
-  className: _.warningNotice,
+}) => /* @__PURE__ */ c(r, {
+  className: m.warningNotice,
   variant: "warning",
   variantIconAriaLabel: s,
   children: [/* @__PURE__ */ e(n, {
@@ -24,6 +24,6 @@ import '../styles/warning-message.css';const t = "_welcomeMessage_4b90d_1", c =
   })]
 });
 export {
-  m as W,
-  _ as s
+  v as W,
+  m as s
 };

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

@@ -1,11 +1,11 @@
 import i from "clsx";
-import { injectInlineCitation as u } from "../../utils/inlineCitationsUtils.js";
+import { injectInlineCitation as v } from "../../utils/inlineCitationsUtils.js";
 import { markdownToHtmlString as k } from "../common/markdown.js";
 import x from "../common/markdown-react.js";
-import { jsxs as M, Fragment as b, jsx as r } from "react/jsx-runtime";
-import '../../../../styles/answer-content.css';const g = "_answerContent_uoab3_1", j = "_answerMarkdown_uoab3_16", n = {
-  answerContent: g,
-  answerMarkdown: j
+import { jsxs as M, Fragment as u, jsx as r } from "react/jsx-runtime";
+import '../../../../styles/answer-content.css';const b = "_answerContent_1va9v_2", g = "_answerMarkdown_1va9v_17", n = {
+  answerContent: b,
+  answerMarkdown: g
 }, I = ({
   answer: t,
   items: m,
@@ -19,7 +19,7 @@ import '../../../../styles/answer-content.css';const g = "_answerContent_uoab3_1
   ...s
 }) => {
   const a = f === "sidebar", _ = (h) => {
-    const d = u(h, {
+    const d = v(h, {
       items: m,
       isCompleted: c,
       isInlineCitationsEnabled: l
@@ -36,7 +36,7 @@ import '../../../../styles/answer-content.css';const g = "_answerContent_uoab3_1
       }
     });
   };
-  return /* @__PURE__ */ M(b, {
+  return /* @__PURE__ */ M(u, {
     children: [!e && /* @__PURE__ */ r("div", {
       className: i(n.answerContent, a && n.sidebar, "Answer-text", o),
       ...s,

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

@@ -1,43 +1,43 @@
-import { Text as I } from "@box/blueprint-web";
+import { Text as w } from "@box/blueprint-web";
 import { AlertTriangle as X } from "@box/blueprint-web-assets/icons/Line";
-import { Gray65 as Y, Size4 as g } from "@box/blueprint-web-assets/tokens/tokens";
-import T from "clsx";
-import { memo as Z, useState as $, useEffect as S } from "react";
-import { useIntl as nn } from "react-intl";
+import { Gray65 as Y, Size4 as I } from "@box/blueprint-web-assets/tokens/tokens";
+import g from "clsx";
+import { memo as Z, useState as $, useEffect as T } from "react";
+import { useIntl as tt } from "react-intl";
 import { A as s } from "../../../../chunks/types.js";
-import { MediaContainer as R } from "../common/media-container.js";
-import { BoxAILoadingIndicator as en } from "../thinkingBubble/boxAILoadingIndicator.js";
-import { AnswerContent as tn } from "./answer-content.js";
-import { CopyButton as on } from "./copy-button.js";
-import { EmbedTheAnswerButton as sn } from "./embed-the-answer-button.js";
-import { InlineError as rn } from "./inline-error.js";
-import u from "./messages.js";
-import { References as an } from "./references.js";
-import { ThumbButtons as ln } from "./thumb-buttons.js";
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import '../../../../styles/answer.css';const cn = "_answer_1efjn_1", dn = "_loadingContainer_1efjn_5", fn = "_loadingText_1efjn_12", _n = "_fadeIn_1efjn_1", un = "_alertIcon_1efjn_21", mn = "_error_1efjn_24", hn = "_footer_1efjn_28", En = "_copyButtonContainer_1efjn_34", Nn = "_feedbackButtonsContainer_1efjn_35", pn = "_shouldHaveMarginTop_1efjn_39", In = "_shouldUseAnimation_1efjn_42", gn = "_shouldAnimateHeight_1efjn_46", Tn = "_footerButtons_1efjn_50", Sn = "_iconAvatar_1efjn_56", Rn = "_embedTheAnswerButtonContainer_1efjn_71", jn = "_buttonsVisible_1efjn_79", n = {
-  answer: cn,
-  loadingContainer: dn,
-  loadingText: fn,
-  fadeIn: _n,
-  alertIcon: un,
-  error: mn,
-  footer: hn,
-  copyButtonContainer: En,
-  feedbackButtonsContainer: Nn,
-  shouldHaveMarginTop: pn,
-  shouldUseAnimation: In,
-  shouldAnimateHeight: gn,
-  footerButtons: Tn,
-  iconAvatar: Sn,
-  embedTheAnswerButtonContainer: Rn,
-  buttonsVisible: jn
-}, On = /* @__PURE__ */ new Set([s.RATE_LIMITING, s.NO_CONTENT, s.PRECONDITION_FAILED, s.GENERAL, s.AGENT_NOT_FOUND]), zn = /* @__PURE__ */ Z(({
-  answer: t,
-  citations: j,
-  error: o,
+import { MediaContainer as S } from "../common/media-container.js";
+import { BoxAILoadingIndicator as nt } from "../thinkingBubble/boxAILoadingIndicator.js";
+import { AnswerContent as ot } from "./answer-content.js";
+import { CopyButton as et } from "./copy-button.js";
+import { EmbedTheAnswerButton as st } from "./embed-the-answer-button.js";
+import { InlineError as rt } from "./inline-error.js";
+import _ from "./messages.js";
+import { References as at } from "./references.js";
+import { ThumbButtons as it } from "./thumb-buttons.js";
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import '../../../../styles/answer.css';const lt = "_answer_1miuw_2", ct = "_loadingContainer_1miuw_6", ut = "_loadingText_1miuw_13", mt = "_fadeIn_1miuw_1", dt = "_alertIcon_1miuw_22", _t = "_error_1miuw_25", ft = "_footer_1miuw_29", ht = "_copyButtonContainer_1miuw_35", Et = "_feedbackButtonsContainer_1miuw_36", Nt = "_shouldHaveMarginTop_1miuw_40", pt = "_shouldUseAnimation_1miuw_43", wt = "_shouldAnimateHeight_1miuw_47", It = "_footerButtons_1miuw_51", gt = "_iconAvatar_1miuw_57", Tt = "_embedTheAnswerButtonContainer_1miuw_72", St = "_buttonsVisible_1miuw_80", t = {
+  answer: lt,
+  loadingContainer: ct,
+  loadingText: ut,
+  fadeIn: mt,
+  alertIcon: dt,
+  error: _t,
+  footer: ft,
+  copyButtonContainer: ht,
+  feedbackButtonsContainer: Et,
+  shouldHaveMarginTop: Nt,
+  shouldUseAnimation: pt,
+  shouldAnimateHeight: wt,
+  footerButtons: It,
+  iconAvatar: gt,
+  embedTheAnswerButtonContainer: Tt,
+  buttonsVisible: St
+}, Rt = /* @__PURE__ */ new Set([s.RATE_LIMITING, s.NO_CONTENT, s.PRECONDITION_FAILED, s.GENERAL, s.AGENT_NOT_FOUND]), jt = /* @__PURE__ */ Z(({
+  answer: o,
+  citations: R,
+  error: e,
   contentType: O,
-  hostAppName: d,
+  hostAppName: u,
   feedbackValue: b,
   isCitationsEnabled: A = !1,
   isCompleted: r = !1,
@@ -47,150 +47,150 @@ import '../../../../styles/answer.css';const cn = "_answer_1efjn_1", dn = "_load
   isInlineCitationsEnabled: P = !1,
   isInlineCitationV2Enabled: x,
   isLoading: v = !1,
-  isMarkdownEnabled: w = !1,
+  isMarkdownEnabled: M = !1,
   items: l = [],
-  onAnswerCopy: M,
-  embedTheAnswerButtonConfig: f,
-  onCitationClick: y,
-  onFeedbackFormSubmit: D,
-  onFeedbackTooltipOpenChange: L,
-  prompt: F,
-  promptType: H,
+  onAnswerCopy: y,
+  embedTheAnswerButtonConfig: m,
+  onCitationClick: D,
+  onFeedbackFormSubmit: L,
+  onFeedbackTooltipOpenChange: F,
+  prompt: H,
+  promptType: U,
   recordAction: a,
-  shouldFeedbackFormIncludeFeedbackText: U,
-  shouldFeedbackIncludePromptData: k,
-  useAnimation: G = !0,
+  shouldFeedbackFormIncludeFeedbackText: k,
+  shouldFeedbackIncludePromptData: G,
+  useAnimation: V = !0,
   variant: i = "modal",
-  isReactMarkdownEnabled: V,
+  isReactMarkdownEnabled: j,
   setAnswerFeedback: z,
   questionId: N
 }) => {
-  const m = On.has(o), h = v && !t && !o, [W, q] = $(r), {
-    formatMessage: _
-  } = nn();
-  S(() => {
-    t && a && r && l.some((Q) => t.includes(Q.name)) && a({
+  const f = Rt.has(e), h = v && !o && !e, [W, q] = $(r), {
+    formatMessage: d
+  } = tt();
+  T(() => {
+    o && a && r && l.some((Q) => o.includes(Q.name)) && a({
       action: "programmatic",
       component: i,
       feature: "answers",
       target: "links_detected",
       data: {
-        hostAppName: d,
+        hostAppName: u,
         linkCount: l.length,
         fileNameCount: l.length
       }
     });
-  }, [t, i, d, r, a, l]), S(() => {
+  }, [o, i, u, r, a, l]), T(() => {
     setTimeout(() => q(r), 0);
   }, [r]);
-  const p = () => /* @__PURE__ */ e(X, {
-    className: n.alertIcon,
+  const p = () => /* @__PURE__ */ n(X, {
+    className: t.alertIcon,
     color: Y,
     "data-testid": "content-answers-error-alert-icon",
-    height: g,
+    height: I,
     role: "presentation",
-    width: g
-  }), J = () => /* @__PURE__ */ c(I, {
+    width: I
+  }), J = () => /* @__PURE__ */ c(w, {
     as: "p",
-    className: n.error,
+    className: t.error,
     color: "textOnLightSecondary",
     "data-testid": "content-answers-error",
     variant: "caption",
-    children: [o === s.RESPONSE_INTERRUPTED && _(u.responseInterruptedError), o === s.RESPONSE_FAILED && _(u.responseFailedError), o === s.RESPONSE_STOPPED && _(u.responseStoppedError), o !== s.RESPONSE_STOPPED && p()]
-  }), K = () => o !== s.RESPONSE_STOPPED ? /* @__PURE__ */ c("div", {
-    className: T(n.footerButtons, "footer-buttons-container", {
-      [n.buttonsVisible]: E
+    children: [e === s.RESPONSE_INTERRUPTED && d(_.responseInterruptedError), e === s.RESPONSE_FAILED && d(_.responseFailedError), e === s.RESPONSE_STOPPED && d(_.responseStoppedError), e !== s.RESPONSE_STOPPED && p()]
+  }), K = () => e !== s.RESPONSE_STOPPED ? /* @__PURE__ */ c("div", {
+    className: g(t.footerButtons, "footer-buttons-container", {
+      [t.buttonsVisible]: E
     }),
-    children: [B ? /* @__PURE__ */ e("div", {
-      className: n.feedbackButtonsContainer,
-      children: /* @__PURE__ */ e(ln, {
+    children: [B ? /* @__PURE__ */ n("div", {
+      className: t.feedbackButtonsContainer,
+      children: /* @__PURE__ */ n(it, {
         feedbackValue: b,
-        hostAppName: d,
+        hostAppName: u,
         isFeedbackFormEnabled: C,
         isFeedbackTooltipOpen: E,
         items: l,
-        onFeedbackFormSubmit: D,
-        onFeedbackTooltipOpenChange: L,
-        prompt: F,
-        promptType: H,
+        onFeedbackFormSubmit: L,
+        onFeedbackTooltipOpenChange: F,
+        prompt: H,
+        promptType: U,
         questionId: N,
         recordAction: a,
-        response: t,
+        response: o,
         setAnswerFeedback: z,
-        shouldFeedbackFormIncludeFeedbackText: U,
-        shouldFeedbackIncludePromptData: k,
+        shouldFeedbackFormIncludeFeedbackText: k,
+        shouldFeedbackIncludePromptData: G,
         variant: i
       })
-    }) : null, /* @__PURE__ */ e("div", {
-      className: n.copyButtonContainer,
-      children: /* @__PURE__ */ e(on, {
-        answer: t,
-        onAnswerCopy: M,
+    }) : null, /* @__PURE__ */ n("div", {
+      className: t.copyButtonContainer,
+      children: /* @__PURE__ */ n(et, {
+        answer: o,
+        onAnswerCopy: y,
         recordAction: a
       })
     })]
-  }) : t ? null : p();
+  }) : o ? null : p();
   return /* @__PURE__ */ c("div", {
     "aria-live": "polite",
-    className: n.answer,
+    className: t.answer,
     "data-testid": "content-answers-answer",
     children: [h && /* @__PURE__ */ c("div", {
-      className: n.loadingContainer,
-      children: [/* @__PURE__ */ e(en, {}), /* @__PURE__ */ e(I, {
+      className: t.loadingContainer,
+      children: [/* @__PURE__ */ n(nt, {}), /* @__PURE__ */ n(w, {
         as: "span",
-        className: n.loadingText,
+        className: t.loadingText,
         color: "textOnLightDefault",
         variant: "titleMedium",
-        children: _(u.analyzingRequest)
+        children: d(_.analyzingRequest)
       })]
-    }), !m && !h && /* @__PURE__ */ e(R, {
+    }), !f && !h && /* @__PURE__ */ n(S, {
       className: "answer",
       variant: i,
-      children: /* @__PURE__ */ c(R.Content, {
+      children: /* @__PURE__ */ c(S.Content, {
         isUsedInsideSidebar: i === "sidebar",
         variant: "answer",
-        children: [/* @__PURE__ */ e(tn, {
-          answer: t,
+        children: [/* @__PURE__ */ n(ot, {
+          answer: o,
           isCompleted: r,
           isInlineCitationsEnabled: P,
           isInlineCitationV2Enabled: x,
-          isMarkdownEnabled: w,
-          isReactMarkdownEnabled: V,
+          isMarkdownEnabled: M,
+          isReactMarkdownEnabled: j,
           items: l,
           variant: i
         }), r && /* @__PURE__ */ c("div", {
-          className: T(n.footer, {
-            [n.shouldHaveMarginTop]: t,
-            [n.shouldAnimateHeight]: W,
-            [n.shouldUseAnimation]: G
+          className: g(t.footer, {
+            [t.shouldHaveMarginTop]: o,
+            [t.shouldAnimateHeight]: W,
+            [t.shouldUseAnimation]: V
           }),
           "data-testid": "content-answers-answer-footer",
-          children: [o && J(), A && !o && /* @__PURE__ */ e(an, {
-            citations: j,
-            onCitationClick: y,
+          children: [e && J(), A && !e && /* @__PURE__ */ n(at, {
+            citations: R,
+            onCitationClick: D,
             recordAction: a
           }), K()]
         })]
       })
-    }), !m && !h && r && (f == null ? void 0 : f.onAction) && /* @__PURE__ */ e("div", {
-      className: n.embedTheAnswerButtonContainer,
-      children: /* @__PURE__ */ e(sn, {
-        answer: t,
-        embedTheAnswerButtonConfig: f,
-        hostAppName: d,
+    }), !f && !h && r && (m == null ? void 0 : m.onAction) && /* @__PURE__ */ n("div", {
+      className: t.embedTheAnswerButtonContainer,
+      children: /* @__PURE__ */ n(st, {
+        answer: o,
+        embedTheAnswerButtonConfig: m,
+        hostAppName: u,
         questionId: N,
         recordAction: a,
         variant: i
       })
-    }), m && /* @__PURE__ */ e(rn, {
+    }), f && /* @__PURE__ */ n(rt, {
       contentType: O,
-      error: o,
+      error: e,
       recordAction: a,
       variant: i
     })]
   });
 });
 export {
-  zn as Answer,
-  zn as default
+  jt as Answer,
+  jt as default
 };

package/dist/esm/lib/components/answer/inline-error.js

@@ -1,18 +1,18 @@
-import { Text as f } from "@box/blueprint-web";
-import { AlertTriangle as _ } from "@box/blueprint-web-assets/icons/Line";
-import { TextTextDestructiveOnLight as N, Size4 as c } from "@box/blueprint-web-assets/tokens/tokens";
+import { Text as _ } from "@box/blueprint-web";
+import { AlertTriangle as N } from "@box/blueprint-web-assets/icons/Line";
+import { TextTextDestructiveOnLight as x, Size4 as c } from "@box/blueprint-web-assets/tokens/tokens";
 import * as m from "react";
-import { useIntl as x } from "react-intl";
+import { useIntl as T } from "react-intl";
 import { A as i } from "../../../../chunks/types.js";
-import { LOGGER_BASE_CONFIG as T } from "../common/constants.js";
+import { LOGGER_BASE_CONFIG as u } from "../common/constants.js";
 import { MediaContainer as d } from "../common/media-container.js";
 import e from "./messages.js";
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import '../../../../styles/inline-error.css';const h = "_inlineError_iulzu_1", g = "_text_iulzu_4", I = "_icon_iulzu_10", s = {
-  inlineError: h,
-  text: g,
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
+import '../../../../styles/inline-error.css';const p = "_inlineError_gzz3t_2", h = "_text_gzz3t_5", I = "_icon_gzz3t_11", s = {
+  inlineError: p,
+  text: h,
   icon: I
-}, z = ({
+}, b = ({
   error: n,
   contentType: a,
   variant: l = "modal",
@@ -20,14 +20,14 @@ import '../../../../styles/inline-error.css';const h = "_inlineError_iulzu_1", g
 }) => {
   const E = l === "sidebar", {
     formatMessage: r
-  } = x();
+  } = T();
   m.useEffect(() => {
     o && o({
-      ...T,
+      ...u,
       target: "inlineError"
     });
   }, [o]);
-  const u = m.useCallback(() => {
+  const f = m.useCallback(() => {
     switch (n) {
       case i.RATE_LIMITING:
         return r(e.inlineRateLimitingErrorText);
@@ -48,28 +48,28 @@ import '../../../../styles/inline-error.css';const h = "_inlineError_iulzu_1", g
     "data-testid": "content-answers-inline-error",
     children: /* @__PURE__ */ t(d, {
       variant: l,
-      children: /* @__PURE__ */ p(d.Content, {
+      children: /* @__PURE__ */ g(d.Content, {
         isUsedInsideSidebar: E,
         shouldAddCard: !1,
         variant: "error",
         children: [/* @__PURE__ */ t("div", {
           className: s.icon,
-          children: /* @__PURE__ */ t(_, {
-            color: N,
+          children: /* @__PURE__ */ t(N, {
+            color: x,
             height: c,
             role: "presentation",
             width: c
           })
-        }), /* @__PURE__ */ t(f, {
+        }), /* @__PURE__ */ t(_, {
           as: "p",
           className: s.text,
-          children: n && u()
+          children: n && f()
         })]
       })
     })
   });
 };
 export {
-  z as InlineError,
-  z as default
+  b as InlineError,
+  b as default
 };