@box/box-ai-content-answers 1.10.4 → 1.11.1

package/dist/chunks/clear-conversation-button.js

@@ -1,36 +1,39 @@
-import { Tooltip as l, IconButton as s } from "@box/blueprint-web";
-import { Trash as c } from "@box/blueprint-web-assets/icons/Line";
-import i from "clsx";
-import { useIntl as d } from "react-intl";
+import { useBlueprintModernization as c, Tooltip as i, IconButton as d } from "@box/blueprint-web";
+import { Trash as _ } from "@box/blueprint-web-assets/icons/Line";
+import { Trash as m } from "@box/blueprint-web-assets/icons/Medium";
+import b from "clsx";
+import { useIntl as C } from "react-intl";
 import t from "../esm/lib/components/modal/messages.js";
 import { jsx as e } from "react/jsx-runtime";
-import '../styles/clear-conversation-button.css';const _ = "_BoxAIIconColor_ild3b_1", m = "_modalHeader_ild3b_5", b = "_contentAnswersModal_ild3b_10", C = "_boxAiContentAnswers_ild3b_18", g = "_clearButton_ild3b_26", A = "_contentAnswerModal_ild3b_1", u = "_modalHeaderContainer_ild3b_55", B = "_agentSelectorTrigger_ild3b_63", p = "_agentSelectorContent_ild3b_74", w = {
-  BoxAIIconColor: _,
-  modalHeader: m,
-  contentAnswersModal: b,
-  boxAiContentAnswers: C,
-  clearButton: g,
+import '../styles/clear-conversation-button.css';const g = "_BoxAIIconColor_ild3b_1", A = "_modalHeader_ild3b_5", u = "_contentAnswersModal_ild3b_10", p = "_boxAiContentAnswers_ild3b_18", B = "_clearButton_ild3b_26", I = "_contentAnswerModal_ild3b_1", M = "_modalHeaderContainer_ild3b_55", f = "_agentSelectorTrigger_ild3b_63", w = "_agentSelectorContent_ild3b_74", x = {
+  BoxAIIconColor: g,
+  modalHeader: A,
+  contentAnswersModal: u,
+  boxAiContentAnswers: p,
+  clearButton: B,
   "modal-close-button": "_modal-close-button_ild3b_30",
-  contentAnswerModal: A,
-  modalHeaderContainer: u,
-  agentSelectorTrigger: B,
-  agentSelectorContent: p
-}, S = ({
+  contentAnswerModal: I,
+  modalHeaderContainer: M,
+  agentSelectorTrigger: f,
+  agentSelectorContent: w
+}, j = ({
   onClick: n,
   hasRequestInProgress: a,
   className: r
 }) => {
-  const o = d();
-  return /* @__PURE__ */ e(l, {
+  const o = C(), {
+    enableModernizedComponents: s
+  } = c(), l = s ? m : _;
+  return /* @__PURE__ */ e(i, {
     content: o.formatMessage(t.clearConversationLabel),
     "data-testid": "clear-conversation-tooltip",
     variant: "standard",
-    children: /* @__PURE__ */ e(s, {
+    children: /* @__PURE__ */ e(d, {
       "aria-label": o.formatMessage(t.clearConversationLabel),
-      className: i(w.clearButton, r),
+      className: b(x.clearButton, r),
       "data-testid": "clear-conversation-button",
       disabled: a,
-      icon: c,
+      icon: l,
       onClick: n,
       size: "small",
       "data-target-id": "IconButton-clearConversationLabel"
@@ -38,6 +41,6 @@ import '../styles/clear-conversation-button.css';const _ = "_BoxAIIconColor_ild3
   });
 };
 export {
-  S as C,
-  w as s
+  j as C,
+  x as s
 };

package/dist/chunks/stopResponseButton.js

@@ -2,13 +2,13 @@ import * as p from "react";
 import { useIntl as u } from "react-intl";
 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 { LOGGER_BASE_CONFIG as l, LOGGER_ACTION_CLICK as x } 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 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,
+import '../styles/stopResponseButton.css';const B = "_questionInput_w27x6_2", b = "_questionInputWithOutPromptLibrary_w27x6_16", w = "_avatar_w27x6_31", d = "_inputAreaButton_w27x6_34", f = "_square_w27x6_56", C = "_textArea_w27x6_63", I = "_error_w27x6_86", q = "_sidebar_w27x6_89", R = "_submitButtonTooltip_w27x6_97", A = "_actionContainer_w27x6_106", O = "_promptButton_w27x6_112", g = {
+  questionInput: B,
+  questionInputWithOutPromptLibrary: b,
+  avatar: w,
   inputAreaButton: d,
   square: f,
   textArea: C,
@@ -27,7 +27,7 @@ function S({
   const s = u(), i = p.useCallback(() => {
     t && t({
       ...l,
-      action: g,
+      action: x,
       target: "stopResponse"
     }), n(o);
   }, [o, n, t]);
@@ -38,7 +38,7 @@ function S({
     children: /* @__PURE__ */ r(m, {
       "aria-label": s.formatMessage(e.stopResponse),
       "aria-live": "polite",
-      className: L.inputAreaButton,
+      className: g.inputAreaButton,
       "data-testid": "content-answers-stop-response-button",
       icon: c,
       onClick: i,
@@ -49,5 +49,5 @@ function S({
 }
 export {
   S,
-  L as s
+  g as s
 };

package/dist/esm/lib/components/answer/copy-button.js

@@ -1,28 +1,31 @@
-import { useNotification as l, Tooltip as m, IconButton as d } from "@box/blueprint-web";
-import { Clipboard as u } from "@box/blueprint-web-assets/icons/Line";
-import { useIntl as b } from "react-intl";
-import f from "../../messages.js";
-import { LOGGER_BASE_CONFIG as C, LOGGER_ACTION_CLICK as g } from "../common/constants.js";
-import { focusInput as y } from "../common/focusInputUtils.js";
-import { markdownToHtmlString as T } from "../common/markdown.js";
+import { useNotification as d, useBlueprintModernization as b, Tooltip as u, IconButton as f } from "@box/blueprint-web";
+import { Clipboard as C } from "@box/blueprint-web-assets/icons/Line";
+import { Clipboard as g } from "@box/blueprint-web-assets/icons/Medium";
+import { useIntl as y } from "react-intl";
+import T from "../../messages.js";
+import { LOGGER_BASE_CONFIG as I, LOGGER_ACTION_CLICK as x } from "../common/constants.js";
+import { focusInput as B } from "../common/focusInputUtils.js";
+import { markdownToHtmlString as v } from "../common/markdown.js";
 import a from "./messages.js";
-import { jsx as n } from "react/jsx-runtime";
-const N = ({
+import { jsx as p } from "react/jsx-runtime";
+const E = ({
   answer: t,
   onAnswerCopy: r,
   recordAction: e
 }) => {
   const {
     formatMessage: o
-  } = b(), {
+  } = y(), {
     addNotification: s
-  } = l(), p = async () => {
+  } = d(), {
+    enableModernizedComponents: c
+  } = b(), l = async () => {
     if (e && e({
-      ...C,
-      action: g,
+      ...I,
+      action: x,
       target: "copyToClipboard"
     }), t && navigator && navigator.clipboard && navigator.clipboard.write) {
-      const i = T(t), c = new ClipboardItem({
+      const i = v(t), n = new ClipboardItem({
         "text/html": new Blob([i], {
           type: "text/html"
         }),
@@ -30,22 +33,22 @@ const N = ({
           type: "text/plain"
         })
       });
-      await navigator.clipboard.write([c]), s({
+      await navigator.clipboard.write([n]), s({
         sensitivity: "foreground",
         styledText: o(a.copyToClipboardSucceeded),
         variant: "success",
         typeIconAriaLabel: o(a.copyButtonSuccessText),
-        closeButtonAriaLabel: o(f.closeButtonText)
+        closeButtonAriaLabel: o(T.closeButtonText)
       }), r && r(t);
     }
-    y();
-  };
-  return /* @__PURE__ */ n(m, {
+    B();
+  }, m = c ? g : C;
+  return /* @__PURE__ */ p(u, {
     content: o(a.copyToClipboard),
-    children: /* @__PURE__ */ n(d, {
+    children: /* @__PURE__ */ p(f, {
       "aria-label": o(a.copyToClipboard),
-      icon: u,
-      onClick: p,
+      icon: m,
+      onClick: l,
       onFocusCapture: (i) => {
         i.target.matches(":focus-visible") || i.stopPropagation();
       },
@@ -55,6 +58,6 @@ const N = ({
   });
 };
 export {
-  N as CopyButton,
-  N as default
+  E as CopyButton,
+  E as default
 };

package/dist/esm/lib/components/answer/no-citations.js

@@ -1,35 +1,38 @@
-import { Tooltip as r, IconButton as s } from "@box/blueprint-web";
-import { InfoBadge as a } from "@box/blueprint-web-assets/icons/Line";
-import { useEffect as f } from "react";
-import { useIntl as i } from "react-intl";
-import { LOGGER_BASE_CONFIG as m } from "../common/constants.js";
-import c from "./messages.js";
-import { jsx as o } from "react/jsx-runtime";
-const x = ({
+import { useBlueprintModernization as s, Tooltip as a, IconButton as i } from "@box/blueprint-web";
+import { InfoBadge as f } from "@box/blueprint-web-assets/icons/Line";
+import { InformationCircle as c } from "@box/blueprint-web-assets/icons/Medium";
+import { useEffect as m } from "react";
+import { useIntl as l } from "react-intl";
+import { LOGGER_BASE_CONFIG as p } from "../common/constants.js";
+import d from "./messages.js";
+import { jsx as n } from "react/jsx-runtime";
+const z = ({
   recordAction: e
 }) => {
   const {
-    formatMessage: n
-  } = i(), t = n(c.noReferences);
-  return f(() => {
+    formatMessage: t
+  } = l(), {
+    enableModernizedComponents: r
+  } = s(), o = t(d.noReferences);
+  return m(() => {
     e && e({
-      ...m,
+      ...p,
       target: "noReferences"
     });
-  }, [e]), /* @__PURE__ */ o(r, {
+  }, [e]), /* @__PURE__ */ n(a, {
     className: "Answer-NoCitations",
-    content: t,
+    content: o,
     "data-testid": "content-answers-references-no-references-tooltip",
-    children: /* @__PURE__ */ o(s, {
-      "aria-label": t,
+    children: /* @__PURE__ */ n(i, {
+      "aria-label": o,
       "data-testid": "content-answers-references-no-references",
-      icon: a,
+      icon: r ? c : f,
       size: "x-small",
       "data-target-id": "IconButton-noReferences"
     })
   });
 };
 export {
-  x as NoCitationsIcon,
-  x as default
+  z as NoCitationsIcon,
+  z as default
 };

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

@@ -1,114 +1,120 @@
-import { useNotification as W, Tooltip as w, IconButton as y } from "@box/blueprint-web";
-import { ThumbUp as $, ThumbDown as j } from "@box/blueprint-web-assets/icons/Fill";
-import { ThumbUp as z, ThumbDown as J } from "@box/blueprint-web-assets/icons/Line";
-import { useAgents as K } from "@box/box-ai-agent-selector";
+import { useBlueprintModernization as J, useNotification as K, Tooltip as N, IconButton as y } from "@box/blueprint-web";
+import { ThumbUp as Q, ThumbDown as V } from "@box/blueprint-web-assets/icons/Fill";
+import { ThumbUp as X, ThumbDown as Y } from "@box/blueprint-web-assets/icons/Line";
+import { ThumbsUp as Z, ThumbsDown as C } from "@box/blueprint-web-assets/icons/Medium";
+import { ThumbsUp as O, ThumbsDown as q } from "@box/blueprint-web-assets/icons/MediumFilled";
+import { useAgents as k } from "@box/box-ai-agent-selector";
 import b from "react";
-import { useIntl as Q } from "react-intl";
-import { LOGGER_BASE_CONFIG as V, LOGGER_ACTION_PROGRAMMATIC as X } from "../common/constants.js";
-import { FeedbackTooltip as Y } from "./feedback-tooltip.js";
+import { useIntl as F } from "react-intl";
+import { LOGGER_BASE_CONFIG as tt, LOGGER_ACTION_PROGRAMMATIC as st } from "../common/constants.js";
+import { FeedbackTooltip as at } from "./feedback-tooltip.js";
 import x from "../../messages.js";
-import { focusInput as Z } from "../common/focusInputUtils.js";
-import f from "./messages.js";
-import { jsxs as g, Fragment as O, jsx as i } from "react/jsx-runtime";
-import '../../../../styles/thumb-buttons.css';const C = "_thumbDown_1axcd_1", q = {
-  thumbDown: C
-}, u = {
+import { focusInput as mt } from "../common/focusInputUtils.js";
+import i from "./messages.js";
+import { jsxs as ot, Fragment as lt, jsx as n } from "react/jsx-runtime";
+import '../../../../styles/thumb-buttons.css';const ut = "_thumbDown_1axcd_1", rt = {
+  thumbDown: ut
+}, r = {
   THUMB_UP: "positive",
   THUMB_DOWN: "negative",
   NONE: "none"
-}, et = ({
+}, Mt = ({
   feedbackValue: H,
-  hostAppName: n,
-  isFeedbackFormEnabled: P = !1,
-  isFeedbackTooltipOpen: G = !1,
-  items: _,
-  onFeedbackFormSubmit: U,
+  hostAppName: h,
+  isFeedbackFormEnabled: I = !1,
+  isFeedbackTooltipOpen: P = !1,
+  items: U,
+  onFeedbackFormSubmit: D,
   onFeedbackTooltipOpenChange: s,
-  prompt: D,
-  promptType: B,
+  prompt: p,
+  promptType: _,
   questionId: a,
-  recordAction: o,
-  response: T,
+  recordAction: f,
+  response: B,
   setAnswerFeedback: e,
-  shouldFeedbackFormIncludeFeedbackText: p = !1,
+  shouldFeedbackFormIncludeFeedbackText: w = !1,
   shouldFeedbackIncludePromptData: M = !1,
-  variant: L
+  variant: d
 }) => {
   const {
-    formatMessage: m
-  } = Q(), {
-    addNotification: R
-  } = W(), {
-    selectedAgent: N
-  } = K(), r = H, h = b.useMemo(() => _.filter((t) => t.status === "supported").map((t) => t.fileType), [_]), c = b.useCallback((t) => {
-    r !== t && (e == null || e(a, t), o == null || o({
-      ...V,
-      action: X,
+    enableModernizedComponents: m
+  } = J(), {
+    formatMessage: o
+  } = F(), {
+    addNotification: v
+  } = K(), {
+    selectedAgent: L
+  } = k(), u = H, T = b.useMemo(() => U.filter((t) => t.status === "supported").map((t) => t.fileType), [U]), c = b.useCallback((t) => {
+    u !== t && (e == null || e(a, t), f == null || f({
+      ...tt,
+      action: st,
       target: "answer_feedback",
-      component: L,
+      component: d,
       data: {
         feedback_value: t,
-        file_types: h,
-        feature: n,
-        prompt_type: B
+        file_types: T,
+        feature: h,
+        prompt_type: _
       }
-    }), Z());
-  }, [n, o, r, L, h, a, e, B]), S = ({
+    }), mt());
+  }, [h, f, u, d, T, a, e, _]), G = ({
     feedback: t,
-    feedbackPromptShareConsent: E,
-    issueType: I
+    feedbackPromptShareConsent: j,
+    issueType: g
   }) => {
-    if (s == null || s(!1, a), !U)
+    if (s == null || s(!1, a), !D)
       return;
     const l = {
-      fileTypes: h,
+      fileTypes: T,
       hasPromptData: !1,
-      hostApp: n,
-      issueType: I,
+      hostApp: h,
+      issueType: g,
       timestamp: Date.now(),
       questionId: a
     };
-    p && (l.feedback = t, l.hasFeedback = !!t), M && E && D && T && (l.hasPromptData = !0, l.prompt = D, l.response = T), N && (l.selectedAgentName = N.name), U(l, () => {
-      R({
+    w && (l.feedback = t, l.hasFeedback = !!t), M && j && p && B && (l.hasPromptData = !0, l.prompt = p, l.response = B), L && (l.selectedAgentName = L.name), D(l, () => {
+      v({
         sensitivity: "foreground",
-        styledText: m(f.feedbackTooltipConfirmation),
+        styledText: o(i.feedbackTooltipConfirmation),
         variant: "success",
-        typeIconAriaLabel: m(x.ariaTypeSuccessIconLabel),
-        closeButtonAriaLabel: m(x.closeButtonText)
+        typeIconAriaLabel: o(x.ariaTypeSuccessIconLabel),
+        closeButtonAriaLabel: o(x.closeButtonText)
       });
     });
-  }, d = (t) => {
+  }, R = (t) => {
     t || s == null || s(!1, a);
-  }, v = b.useCallback(() => c(u.THUMB_UP), [c]), A = b.useCallback(() => {
-    c(u.THUMB_DOWN), s == null || s(!0, a);
-  }, [c, s, a]);
-  return /* @__PURE__ */ g(O, {
-    children: [/* @__PURE__ */ i(w, {
-      content: m(f.thumbsUpAriaLabel),
-      children: /* @__PURE__ */ i(y, {
-        "aria-label": m(f.thumbsUpAriaLabel),
-        disabled: r === u.THUMB_DOWN,
-        icon: r === u.THUMB_UP ? $ : z,
-        onClick: v,
+  }, S = b.useCallback(() => c(r.THUMB_UP), [c]), $ = b.useCallback(() => {
+    c(r.THUMB_DOWN), s == null || s(!0, a);
+  }, [c, s, a]), z = m ? Z : X, A = m ? C : Y, E = m ? O : Q, W = m ? q : V;
+  return /* @__PURE__ */ ot(lt, {
+    children: [/* @__PURE__ */ n(N, {
+      content: o(i.thumbsUpAriaLabel),
+      children: /* @__PURE__ */ n(y, {
+        "aria-label": o(i.thumbsUpAriaLabel),
+        disabled: u === r.THUMB_DOWN,
+        icon: u === r.THUMB_UP ? E : z,
+        onClick: S,
         size: "x-small",
+        variant: m ? "icon-logo" : "default",
         "data-target-id": "IconButton-thumbsUpAriaLabel"
       })
-    }), /* @__PURE__ */ i(Y, {
-      isOpen: G,
-      onOpenChange: d,
-      onSubmit: S,
-      shouldIncludeFeedbackText: p,
+    }), /* @__PURE__ */ n(at, {
+      isOpen: P,
+      onOpenChange: R,
+      onSubmit: G,
+      shouldIncludeFeedbackText: w,
       shouldIncludePromptShareConsent: M,
-      shouldShow: P,
-      children: /* @__PURE__ */ i(w, {
-        content: m(f.thumbsDownAriaLabel),
-        children: /* @__PURE__ */ i(y, {
-          "aria-label": m(f.thumbsDownAriaLabel),
-          className: q.thumbDown,
-          disabled: r === u.THUMB_UP,
-          icon: r === u.THUMB_DOWN ? j : J,
-          onClick: A,
+      shouldShow: I,
+      children: /* @__PURE__ */ n(N, {
+        content: o(i.thumbsDownAriaLabel),
+        children: /* @__PURE__ */ n(y, {
+          "aria-label": o(i.thumbsDownAriaLabel),
+          className: m ? "" : rt.thumbDown,
+          disabled: u === r.THUMB_UP,
+          icon: u === r.THUMB_DOWN ? W : A,
+          onClick: $,
           size: "x-small",
+          variant: m ? "icon-logo" : "default",
           "data-target-id": "IconButton-thumbsDownAriaLabel"
         })
       })
@@ -116,6 +122,6 @@ import '../../../../styles/thumb-buttons.css';const C = "_thumbDown_1axcd_1", q
   });
 };
 export {
-  et as ThumbButtons,
-  et as default
+  Mt as ThumbButtons,
+  Mt as default
 };

package/dist/esm/lib/components/modal/clear-conversation-button.js

@@ -1,11 +1,12 @@
 import "@box/blueprint-web";
 import "@box/blueprint-web-assets/icons/Line";
+import "@box/blueprint-web-assets/icons/Medium";
 import "clsx";
 import "react-intl";
 import "./messages.js";
-import { C, C as n } from "../../../../chunks/clear-conversation-button.js";
+import { C as n, C as s } from "../../../../chunks/clear-conversation-button.js";
 import "react/jsx-runtime";
 export {
-  C as ClearConversationButton,
-  n as default
+  n as ClearConversationButton,
+  s as default
 };