@box/box-ai-content-answers 0.54.6 → 0.55.0

package/chunks/types.js

@@ -1,5 +1,5 @@
 let n = /* @__PURE__ */ function(e) {
-  return e.GENERAL = "general", e.RATE_LIMITING = "rate_limiting", e.NO_CONTENT = "no_content", e.RESPONSE_FAILED = "response_failed", e.RESPONSE_INTERRUPTED = "response_interrupted", e.RESPONSE_STOPPED = "response_stopped", e;
+  return e.GENERAL = "general", e.RATE_LIMITING = "rate_limiting", e.NO_CONTENT = "no_content", e.PRECONDITION_FAILED = "precondition_failed", e.RESPONSE_FAILED = "response_failed", e.RESPONSE_INTERRUPTED = "response_interrupted", e.RESPONSE_STOPPED = "response_stopped", e;
 }({}), r = /* @__PURE__ */ function(e) {
   return e.LARGE_FILE = "large_file", e.GENERAL = "general", e;
 }({}), t = /* @__PURE__ */ function(e) {

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

@@ -1,21 +1,24 @@
-import m from "clsx";
-import i from "../common/markdown.js";
-import { s as r } from "../../../../chunks/answer-content.module.js";
-import { jsxs as l, Fragment as f, jsx as d } from "react/jsx-runtime";
-const C = ({
-  answer: t,
-  isMarkdownEnabled: e,
-  className: n,
+import "../../../../styles/answer-content.css";
+import a from "clsx";
+import w from "../common/markdown.js";
+import { jsxs as d, Fragment as c, jsx as m } from "react/jsx-runtime";
+const _ = "_answerContent_1s7k1_1", i = "_answerMarkdown_1s7k1_13", e = {
+  answerContent: _,
+  answerMarkdown: i
+}, p = ({
+  answer: n,
+  isMarkdownEnabled: t,
+  className: r,
   ...o
 }) => {
-  let s = t;
-  return e && t && (s = i.render(t)), /* @__PURE__ */ l(f, {
-    children: [!e && /* @__PURE__ */ d("div", {
-      className: m(r.answerContent, "Answer-text", n),
+  let s = n;
+  return t && n && (s = w.render(n)), /* @__PURE__ */ d(c, {
+    children: [!t && /* @__PURE__ */ m("div", {
+      className: a(e.answerContent, "Answer-text", r),
       ...o,
-      children: t
-    }), e && /* @__PURE__ */ d("div", {
-      className: m(r.answerContent, r.answerMarkdown, "Answer-text", n),
+      children: n
+    }), t && /* @__PURE__ */ m("div", {
+      className: a(e.answerContent, e.answerMarkdown, "Answer-text", r),
       dangerouslySetInnerHTML: {
         __html: s
       },
@@ -24,6 +27,6 @@ const C = ({
   });
 };
 export {
-  C as AnswerContent,
-  C as default
+  p as AnswerContent,
+  p as default
 };

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

@@ -1,100 +1,110 @@
-import { useBreakpoint as g, Breakpoint as x, Text as A } from "@box/blueprint-web";
-import { BoxAi as _, AlertTriangle as L } from "@box/blueprint-web-assets/icons/Line";
-import { Size5 as C, Size6 as k, Gray65 as y, Size4 as u } from "@box/blueprint-web-assets/tokens/tokens";
-import z from "clsx";
-import * as p from "react";
-import { useIntl as D } from "react-intl";
+import "../../../../styles/answer.css";
+import { useBreakpoint as g, Breakpoint as x, Text as T } from "@box/blueprint-web";
+import { BoxAi as L, AlertTriangle as C } from "@box/blueprint-web-assets/icons/Line";
+import { Size5 as D, Size6 as F, Gray65 as k, Size4 as S } from "@box/blueprint-web-assets/tokens/tokens";
+import y from "clsx";
+import * as l from "react";
+import { useIntl as z } from "react-intl";
 import { A as r } from "../../../../chunks/types.js";
-import { MediaContainer as f } from "../common/media-container.js";
-import { AnswerContent as F } from "./answer-content.js";
-import { CopyButton as M } from "./copy-button.js";
-import { InlineError as G } from "./inline-error.js";
-import { LoadingElement as b } from "./loading-element.js";
-import d from "./messages.js";
-import { References as j } from "./references.js";
-import { s as o } from "../../../../chunks/answer.module.js";
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-const ne = /* @__PURE__ */ p.memo(({
-  answer: s,
-  citations: R,
+import { MediaContainer as p } from "../common/media-container.js";
+import { AnswerContent as M } from "./answer-content.js";
+import { CopyButton as G } from "./copy-button.js";
+import { InlineError as b } from "./inline-error.js";
+import { LoadingElement as j } from "./loading-element.js";
+import f from "./messages.js";
+import { References as B } from "./references.js";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+const U = "_answer_13vnd_9", W = "_alertIcon_13vnd_12", q = "_error_13vnd_15", H = "_footer_13vnd_19", J = "_animated_13vnd_24", K = "_heightExpand_13vnd_1", Q = "_iconAvatar_13vnd_28", o = {
+  answer: U,
+  alertIcon: W,
+  error: q,
+  footer: H,
+  animated: J,
+  heightExpand: K,
+  iconAvatar: Q
+}, V = /* @__PURE__ */ new Set([r.RATE_LIMITING, r.NO_CONTENT, r.PRECONDITION_FAILED, r.GENERAL]), Ee = /* @__PURE__ */ l.memo(({
+  answer: n,
+  citations: I,
   error: e,
-  handleScrollToBottom: i,
-  isCitationsEnabled: I = !1,
-  isCompleted: v = !1,
-  isLoading: P = !1,
+  contentType: N,
+  handleScrollToBottom: a,
+  isCitationsEnabled: R = !1,
+  isCompleted: u = !1,
+  isLoading: w = !1,
   isMarkdownEnabled: O = !1,
-  isStreamingEnabled: a = !1,
-  onCitationClick: w,
-  recordAction: m,
-  useAnimation: c = !0
+  isStreamingEnabled: i = !1,
+  onCitationClick: P,
+  recordAction: c,
+  useAnimation: m = !0
 }) => {
-  const E = p.useRef(!0), S = e === r.RATE_LIMITING || e === r.NO_CONTENT || e === r.GENERAL, h = P && !s && !e, {
-    formatMessage: l
-  } = D(), N = g() === x.Small ? C : k;
-  p.useEffect(() => {
+  const E = l.useRef(!0), _ = V.has(e), h = w && !n && !e, {
+    formatMessage: d
+  } = z(), v = g() === x.Small ? D : F;
+  l.useEffect(() => {
     if (E.current) {
       E.current = !1;
       return;
     }
-    s && i && i(a ? "instant" : "smooth", a);
-  }, [s, i, a]);
-  const T = () => /* @__PURE__ */ n(A, {
+    n && a && a(i ? "instant" : "smooth", i);
+  }, [n, a, i]);
+  const A = () => /* @__PURE__ */ s(T, {
     as: "p",
     className: o.error,
     color: "textOnLightSecondary",
     "data-testid": "content-answers-error",
     variant: "caption",
-    children: [e === r.RESPONSE_INTERRUPTED && l(d.responseInterruptedError), e === r.RESPONSE_FAILED && l(d.responseFailedError), e === r.RESPONSE_STOPPED && l(d.responseStoppedError), e !== r.RESPONSE_STOPPED && /* @__PURE__ */ t(L, {
+    children: [e === r.RESPONSE_INTERRUPTED && d(f.responseInterruptedError), e === r.RESPONSE_FAILED && d(f.responseFailedError), e === r.RESPONSE_STOPPED && d(f.responseStoppedError), e !== r.RESPONSE_STOPPED && /* @__PURE__ */ t(C, {
       className: o.alertIcon,
-      color: y,
+      color: k,
       "data-testid": "content-answers-error-alert-icon",
-      height: u,
+      height: S,
       role: "presentation",
-      width: u
+      width: S
     })]
   });
-  return /* @__PURE__ */ n("div", {
+  return /* @__PURE__ */ s("div", {
     "aria-live": "polite",
     className: o.answer,
     "data-testid": "content-answers-answer",
-    children: [!S && !h && /* @__PURE__ */ n(f, {
-      children: [/* @__PURE__ */ t(f.Figure, {
+    children: [!_ && !h && /* @__PURE__ */ s(p, {
+      children: [/* @__PURE__ */ t(p.Figure, {
         children: /* @__PURE__ */ t("div", {
           className: o.iconAvatar,
-          children: /* @__PURE__ */ t(_, {
-            height: N,
+          children: /* @__PURE__ */ t(L, {
+            height: v,
             role: "presentation",
-            width: N
+            width: v
           })
         })
-      }), /* @__PURE__ */ n(f.Content, {
-        useAnimation: c,
-        children: [/* @__PURE__ */ t(F, {
-          answer: s,
+      }), /* @__PURE__ */ s(p.Content, {
+        useAnimation: m,
+        children: [/* @__PURE__ */ t(M, {
+          answer: n,
           isMarkdownEnabled: O
-        }), v && /* @__PURE__ */ n("div", {
-          className: z(o.footer, {
-            [o.animated]: c
+        }), u && /* @__PURE__ */ s("div", {
+          className: y(o.footer, {
+            [o.animated]: m
           }),
           "data-testid": "content-answers-answer-footer",
-          children: [e && T(), I && !e && /* @__PURE__ */ t(j, {
-            citations: R,
-            onCitationClick: w,
-            recordAction: m
-          }), /* @__PURE__ */ t(M, {
-            answer: s,
-            recordAction: m
+          children: [e && A(), R && !e && /* @__PURE__ */ t(B, {
+            citations: I,
+            onCitationClick: P,
+            recordAction: c
+          }), /* @__PURE__ */ t(G, {
+            answer: n,
+            recordAction: c
           })]
         })]
       })]
-    }), S && /* @__PURE__ */ t(G, {
+    }), _ && /* @__PURE__ */ t(b, {
+      contentType: N,
       error: e,
-      recordAction: m,
-      useAnimation: c
-    }), h && /* @__PURE__ */ t(b, {})]
+      recordAction: c,
+      useAnimation: m
+    }), h && /* @__PURE__ */ t(j, {})]
   });
 });
 export {
-  ne as Answer,
-  ne as default
+  Ee as Answer,
+  Ee as default
 };

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

@@ -1,34 +1,43 @@
-import { Popover as d, Status as S, Text as N, TextButton as M } from "@box/blueprint-web";
-import { ArrowUpRightSquare as D } from "@box/blueprint-web-assets/icons/Fill";
-import G from "clsx";
-import R from "lodash/debounce";
-import _ from "lodash/truncate";
-import { useState as b, useRef as F, useCallback as A, useEffect as y } from "react";
-import { useIntl as j } from "react-intl";
-import { LOGGER_BASE_CONFIG as w, LOGGER_ACTION_CLICK as K } from "../common/constants.js";
-import { MAX_CITATION_LENGTH as P } from "./constants.js";
-import i from "./messages.js";
-import { s as o } from "../../../../chunks/citation.module.js";
-import { jsxs as B, jsx as e } from "react/jsx-runtime";
-const Z = ({
+import "../../../../styles/citation.css";
+import { Popover as d, Status as O, Text as x, TextButton as k } from "@box/blueprint-web";
+import { ArrowUpRightSquare as E } from "@box/blueprint-web-assets/icons/Fill";
+import L from "clsx";
+import M from "lodash/debounce";
+import D from "lodash/truncate";
+import { useState as B, useRef as G, useCallback as R, useEffect as F } from "react";
+import { useIntl as A } from "react-intl";
+import { LOGGER_BASE_CONFIG as v, LOGGER_ACTION_CLICK as j } from "../common/constants.js";
+import { MAX_CITATION_LENGTH as K } from "./constants.js";
+import s from "./messages.js";
+import { jsxs as y, jsx as e } from "react/jsx-runtime";
+const P = "_citationTrigger_wo5ky_1", U = "_citationStatus_wo5ky_5", q = "_animate_wo5ky_12", H = "_fadeIn_wo5ky_16", W = "_cardTooltip_wo5ky_20", X = "_cardTooltipTitle_wo5ky_24", $ = "_cardTooltipCitation_wo5ky_28", z = "_cardTooltipButton_wo5ky_33", o = {
+  citationTrigger: P,
+  citationStatus: U,
+  animate: q,
+  fadeIn: H,
+  cardTooltip: W,
+  cardTooltipTitle: X,
+  cardTooltipCitation: $,
+  cardTooltipButton: z
+}, st = ({
   animate: p,
-  content: T,
+  content: m,
   id: a,
-  recordAction: n,
-  fileId: h,
-  title: l,
-  onCitationClick: c
+  recordAction: i,
+  fileId: _,
+  title: c,
+  onCitationClick: l
 }) => {
-  const [g, O] = b(!1), [E, I] = b(!p), {
-    formatMessage: r
-  } = j(), x = !!c, C = F(null);
-  let f;
-  l ? f = r(i.cardTooltipTitleWithDocumentName, {
-    title: l.toString()
-  }) : f = r(i.cardTooltipTitle);
-  const v = R((t) => {
-    O(t), t === !0 && n && n({
-      ...w,
+  const [g, I] = B(!1), [N, S] = B(!p), {
+    formatMessage: n
+  } = A(), h = !!l, w = G(null);
+  let T;
+  c ? T = n(s.cardTooltipTitleWithDocumentName, {
+    title: c.toString()
+  }) : T = n(s.cardTooltipTitle);
+  const C = M((t) => {
+    I(t), t === !0 && i && i({
+      ...v,
       feature: "answers-citations",
       target: "hovered",
       data: {
@@ -36,88 +45,88 @@ const Z = ({
       }
     });
   }, 100), u = () => {
-    v(!0);
-  }, s = () => {
-    v(!1);
-  }, L = A(() => {
-    c && n && (c(h, l), n({
-      ...w,
+    C(!0);
+  }, r = () => {
+    C(!1);
+  }, b = R(() => {
+    l && i && (l(_, c), i({
+      ...v,
       feature: "answers-citations",
-      target: K,
+      target: j,
       data: {
         index: a
       }
     }));
-  }, [c, n, a, h, l]);
-  y(() => {
-    p && I(!0);
+  }, [l, i, a, _, c]);
+  F(() => {
+    p && S(!0);
   }, []);
-  const m = T ? _(T.toString(), {
-    length: P,
+  const f = m ? D(m.toString(), {
+    length: K,
     separator: /,? +/
   }) : void 0;
-  return /* @__PURE__ */ B(d.Root, {
+  return /* @__PURE__ */ y(d.Root, {
     modal: !1,
     open: g,
     children: [/* @__PURE__ */ e(d.Trigger, {
       className: o.citationTrigger,
       onMouseEnter: u,
-      onMouseLeave: s,
-      children: /* @__PURE__ */ e(S, {
-        ref: C,
-        "aria-label": g ? m : r(i.referenceAriaLabel, {
+      onMouseLeave: r,
+      children: /* @__PURE__ */ e(O, {
+        ref: w,
+        "aria-label": g ? f : n(s.referenceAriaLabel, {
           number: a
         }),
-        className: G(o.citationStatus, {
+        className: L(o.citationStatus, {
           [o.animate]: p,
-          [o.fadeIn]: E
+          [o.fadeIn]: N
         }),
         colorIndex: 0,
         "data-testid": "content-answers-citation-status",
         interactive: !0,
-        onBlur: s,
+        onBlur: r,
         onFocus: u,
         tabIndex: 0,
         text: `${a}`
       })
     }), /* @__PURE__ */ e(d.ContentContainer, {
-      "aria-label": m,
+      "aria-label": f,
       collisionPadding: 10,
       "data-testid": "content-answers-citation-card",
-      onBlur: s,
+      onBlur: r,
       onCloseAutoFocus: (t) => t.preventDefault(),
       onEscapeKeyDown: () => {
         var t;
-        (t = C.current) == null || t.focus(), s();
+        (t = w.current) == null || t.focus(), r();
       },
       onFocus: u,
       onMouseEnter: u,
-      onMouseLeave: s,
+      onMouseLeave: r,
       onOpenAutoFocus: (t) => {
-        x || t.preventDefault();
+        h || t.preventDefault();
       },
       side: "top",
       sideOffset: 5,
       children: /* @__PURE__ */ e(d.MainContent, {
-        children: /* @__PURE__ */ B("div", {
+        children: /* @__PURE__ */ y("div", {
           className: o.cardTooltip,
-          children: [/* @__PURE__ */ e(N, {
+          children: [/* @__PURE__ */ e(x, {
             as: "h4",
             className: o.cardTooltipTitle,
             variant: "bodyDefaultBold",
-            children: f
-          }), /* @__PURE__ */ e(N, {
+            children: T
+          }), /* @__PURE__ */ e(x, {
             as: "p",
             className: o.cardTooltipCitation,
             color: "textOnLightDefault",
             variant: "caption",
-            children: m
-          }), x && /* @__PURE__ */ e(M, {
-            "aria-label": r(i.cardTooltipButton),
+            children: f
+          }), h && /* @__PURE__ */ e(k, {
+            "aria-label": n(s.cardTooltipButton),
             className: o.cardTooltipButton,
-            icon: D,
-            onClick: L,
-            children: r(i.cardTooltipButton)
+            icon: E,
+            onClick: b,
+            children: n(s.cardTooltipButton)
           })]
         })
       })
@@ -125,6 +134,6 @@ const Z = ({
   });
 };
 export {
-  Z as Citation,
-  Z as default
+  st as Citation,
+  st as default
 };

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

@@ -1,12 +1,14 @@
+import "../../../../styles/copy-button.css";
 import { useNotification as n, Tooltip as p, IconButton as l } from "@box/blueprint-web";
 import { Clipboard as m } from "@box/blueprint-web-assets/icons/Fill";
 import { useIntl as u } from "react-intl";
-import f from "../../messages.js";
-import { LOGGER_BASE_CONFIG as d, LOGGER_ACTION_CLICK as b } from "../common/constants.js";
+import d from "../../messages.js";
+import { LOGGER_BASE_CONFIG as f, LOGGER_ACTION_CLICK as b } from "../common/constants.js";
 import t from "./messages.js";
-import { s as C } from "../../../../chunks/copy-button.module.js";
-import { jsx as r } from "react/jsx-runtime";
-const N = ({
+import { jsx as c } from "react/jsx-runtime";
+const y = "_copyButton_1mhca_1", C = {
+  copyButton: y
+}, N = ({
   answer: i,
   recordAction: a
 }) => {
@@ -14,9 +16,9 @@ const N = ({
     formatMessage: o
   } = u(), {
     addNotification: e
-  } = n(), c = () => {
+  } = n(), r = () => {
     a && a({
-      ...d,
+      ...f,
       action: b,
       target: "copyToClipboard"
     }), i && navigator && navigator.clipboard && navigator.clipboard.writeText && navigator.clipboard.writeText(i).then(() => {
@@ -25,17 +27,17 @@ const N = ({
         styledText: o(t.copyToClipboardSucceeded),
         variant: "success",
         typeIconAriaLabel: o(t.copyButtonSuccessText),
-        closeButtonAriaLabel: o(f.closeButtonText)
+        closeButtonAriaLabel: o(d.closeButtonText)
       });
     });
   };
-  return /* @__PURE__ */ r(p, {
+  return /* @__PURE__ */ c(p, {
     content: o(t.copyToClipboard),
-    children: /* @__PURE__ */ r(l, {
+    children: /* @__PURE__ */ c(l, {
       "aria-label": o(t.copyToClipboard),
       className: C.copyButton,
       icon: m,
-      onClick: c,
+      onClick: r,
       onFocusCapture: (s) => {
         s.target.matches(":focus-visible") || s.stopPropagation();
       },

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

@@ -1,73 +1,83 @@
-import { useBreakpoint as h, Breakpoint as E, Text as u } from "@box/blueprint-web";
-import { BoxAi as g, AlertTriangle as N } from "@box/blueprint-web-assets/icons/Line";
-import { Size5 as n, Size6 as S } from "@box/blueprint-web-assets/tokens/tokens";
-import * as l from "react";
-import { useIntl as v } from "react-intl";
-import { A as m } from "../../../../chunks/types.js";
-import { LOGGER_BASE_CONFIG as x } from "../common/constants.js";
-import { MediaContainer as a } from "../common/media-container.js";
-import o from "./messages.js";
-import { s as e } from "../../../../chunks/inline-error.module.js";
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-const b = ({
-  error: t,
-  recordAction: i,
-  useAnimation: d
+import "../../../../styles/inline-error.css";
+import { useBreakpoint as _, Breakpoint as h, Text as u } from "@box/blueprint-web";
+import { BoxAi as x, AlertTriangle as N } from "@box/blueprint-web-assets/icons/Line";
+import { Size5 as a, Size6 as v } from "@box/blueprint-web-assets/tokens/tokens";
+import * as d from "react";
+import { useIntl as g } from "react-intl";
+import { A as s } from "../../../../chunks/types.js";
+import { LOGGER_BASE_CONFIG as A } from "../common/constants.js";
+import { MediaContainer as l } from "../common/media-container.js";
+import t from "./messages.js";
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
+const S = "_inlineError_ft07o_1", T = "_text_ft07o_4", I = "_icon_ft07o_14", R = "_iconAvatar_ft07o_18", i = {
+  inlineError: S,
+  text: T,
+  icon: I,
+  iconAvatar: R
+}, j = ({
+  error: n,
+  contentType: c,
+  recordAction: o,
+  useAnimation: E
 }) => {
   const {
-    formatMessage: p
-  } = v();
-  l.useEffect(() => {
-    i && i({
-      ...x,
+    formatMessage: e
+  } = g();
+  d.useEffect(() => {
+    o && o({
+      ...A,
       target: "inlineError"
     });
-  }, [i]);
-  const f = l.useCallback(() => {
-    switch (t) {
-      case m.RATE_LIMITING:
-        return o.inlineRateLimitingErrorText;
-      case m.NO_CONTENT:
-        return o.inlineNoContentErrorText;
+  }, [o]);
+  const p = d.useCallback(() => {
+    switch (n) {
+      case s.RATE_LIMITING:
+        return e(t.inlineRateLimitingErrorText);
+      case s.NO_CONTENT:
+        return e(t.inlineNoContentErrorText);
+      case s.PRECONDITION_FAILED:
+        return e(t.inlinePreconditionFailedErrorText, {
+          type: c
+        });
       default:
-        return o.inlineErrorText;
+        return e(t.inlineErrorText);
     }
-  }, [t]), s = h() === E.Small ? n : S;
+  }, [c, n, e]), m = _() === h.Small ? a : v;
   return /* @__PURE__ */ r("div", {
-    className: e.inlineError,
+    className: i.inlineError,
     "data-testid": "content-answers-inline-error",
-    children: /* @__PURE__ */ c(a, {
-      children: [/* @__PURE__ */ r(a.Figure, {
+    children: /* @__PURE__ */ f(l, {
+      children: [/* @__PURE__ */ r(l.Figure, {
         variant: "center-aligned",
         children: /* @__PURE__ */ r("div", {
-          className: e.iconAvatar,
-          children: /* @__PURE__ */ r(g, {
-            height: s,
+          className: i.iconAvatar,
+          children: /* @__PURE__ */ r(x, {
+            height: m,
             role: "presentation",
-            width: s
+            width: m
           })
         })
-      }), /* @__PURE__ */ c(a.Content, {
+      }), /* @__PURE__ */ f(l.Content, {
         shouldAddCard: !1,
-        useAnimation: d,
+        useAnimation: E,
         variant: "error",
         children: [/* @__PURE__ */ r("div", {
-          className: e.icon,
+          className: i.icon,
           children: /* @__PURE__ */ r(N, {
-            height: n,
+            height: a,
             role: "presentation",
-            width: n
+            width: a
           })
         }), /* @__PURE__ */ r(u, {
           as: "p",
-          className: e.text,
-          children: t && p(f())
+          className: i.text,
+          children: n && p()
         })]
       })]
     })
   });
 };
 export {
-  b as InlineError,
-  b as default
+  j as InlineError,
+  j as default
 };