@box/box-ai-content-answers 0.86.2 → 0.87.2

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

@@ -1,4 +1,3 @@
-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";
@@ -10,7 +9,7 @@ import { LOGGER_BASE_CONFIG as v, LOGGER_ACTION_CLICK as j } from "../common/con
 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 = {
+import '../../../../styles/citation.css';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,
@@ -19,7 +18,7 @@ const P = "_citationTrigger_wo5ky_1", U = "_citationStatus_wo5ky_5", q = "_anima
   cardTooltipTitle: X,
   cardTooltipCitation: $,
   cardTooltipButton: z
-}, st = ({
+}, rt = ({
   animate: p,
   content: m,
   id: a,
@@ -134,6 +133,6 @@ const P = "_citationTrigger_wo5ky_1", U = "_citationStatus_wo5ky_5", q = "_anima
   });
 };
 export {
-  st as Citation,
-  st as default
+  rt as Citation,
+  rt as default
 };

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

@@ -1,4 +1,3 @@
-import "../../../../styles/inline-error.css";
 import { useBreakpoint as f, Breakpoint as N, Text as h } from "@box/blueprint-web";
 import { AlertTriangle as x } from "@box/blueprint-web-assets/icons/Line";
 import { BoxAiLogo as g } from "@box/blueprint-web-assets/icons/Logo";
@@ -10,12 +9,12 @@ import { LOGGER_BASE_CONFIG as A } from "../common/constants.js";
 import { MediaContainer as l } from "../common/media-container.js";
 import i from "./messages.js";
 import { jsx as r, jsxs as _ } from "react/jsx-runtime";
-const v = "_inlineError_1uyp9_1", I = "_text_1uyp9_4", O = "_icon_1uyp9_14", R = "_iconAvatar_1uyp9_18", n = {
+import '../../../../styles/inline-error.css';const v = "_inlineError_1uyp9_1", I = "_text_1uyp9_4", O = "_icon_1uyp9_14", R = "_iconAvatar_1uyp9_18", n = {
   inlineError: v,
   text: I,
   icon: O,
   iconAvatar: R
-}, U = ({
+}, D = ({
   error: o,
   contentType: c,
   variant: d = "modal",
@@ -83,6 +82,6 @@ const v = "_inlineError_1uyp9_1", I = "_text_1uyp9_4", O = "_icon_1uyp9_14", R =
   });
 };
 export {
-  U as InlineError,
-  U as default
+  D as InlineError,
+  D as default
 };

package/esm/lib/components/answer/loading-element.js

@@ -1,4 +1,3 @@
-import "../../../../styles/loading-element.css";
 import { useBreakpoint as t, Breakpoint as s, LoadingIndicator as d } from "@box/blueprint-web";
 import { BoxAiLogo as l } from "@box/blueprint-web-assets/icons/Logo";
 import { Size5 as c, Size6 as m } from "@box/blueprint-web-assets/tokens/tokens";
@@ -6,11 +5,11 @@ import { useIntl as g } from "react-intl";
 import { MediaContainer as e } from "../common/media-container.js";
 import p from "./messages.js";
 import { jsx as i, jsxs as S } from "react/jsx-runtime";
-const f = "_loadingElement_5i7ol_1", _ = "_loadingIndicator_5i7ol_1", h = "_iconAvatar_5i7ol_5", n = {
+import '../../../../styles/loading-element.css';const f = "_loadingElement_5i7ol_1", _ = "_loadingIndicator_5i7ol_1", h = "_iconAvatar_5i7ol_5", n = {
   loadingElement: f,
   loadingIndicator: _,
   iconAvatar: h
-}, B = ({
+}, z = ({
   variant: o = "modal"
 }) => {
   const {
@@ -43,6 +42,6 @@ const f = "_loadingElement_5i7ol_1", _ = "_loadingIndicator_5i7ol_1", h = "_icon
   });
 };
 export {
-  B as LoadingElement,
-  B as default
+  z as LoadingElement,
+  z as default
 };

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

@@ -1,4 +1,3 @@
-import "../../../../styles/references.css";
 import { Text as u } from "@box/blueprint-web";
 import { useEffect as g } from "react";
 import { useIntl as i } from "react-intl";
@@ -6,20 +5,20 @@ import { LOGGER_BASE_CONFIG as w } from "../common/constants.js";
 import { Citation as b } from "./citation.js";
 import N from "./messages.js";
 import { NoCitationsIcon as _ } from "./no-citations.js";
-import { jsx as s, jsxs as l, Fragment as x } from "react/jsx-runtime";
-const C = "_label_1wqmn_1", t = {
+import { jsx as r, jsxs as l, Fragment as x } from "react/jsx-runtime";
+import '../../../../styles/references.css';const C = "_label_1wqmn_1", t = {
   label: C
-}, R = ({
+}, L = ({
   animate: m = !0,
   citations: e,
-  recordAction: r,
+  recordAction: s,
   onCitationClick: o
 }) => {
   const a = e && e.length > 0, {
     formatMessage: f
   } = i();
   return g(() => {
-    a && r && r({
+    a && s && s({
       ...w,
       feature: "answers-citations",
       target: "shown",
@@ -27,14 +26,14 @@ const C = "_label_1wqmn_1", t = {
         count: e.length
       }
     });
-  }, []), e === null ? /* @__PURE__ */ s("div", {
+  }, []), e === null ? /* @__PURE__ */ r("div", {
     className: t.references,
     "data-testid": "content-answers-references-null"
   }) : /* @__PURE__ */ l("div", {
     className: t.references,
     "data-testid": "content-answers-references",
     children: [a && /* @__PURE__ */ l(x, {
-      children: [/* @__PURE__ */ s(u, {
+      children: [/* @__PURE__ */ r(u, {
         as: "span",
         className: t.label,
         color: "textOnLightSecondary",
@@ -42,28 +41,28 @@ const C = "_label_1wqmn_1", t = {
         variant: "caption",
         children: f(N.basedOn)
       }), e.map(({
-        content: p,
-        location: c,
-        title: d,
+        content: c,
+        location: d,
+        title: p,
         fileId: h
       }, n) => (
         // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ s(b, {
+        /* @__PURE__ */ r(b, {
           animate: m,
-          content: p,
+          content: c,
           fileId: h,
           id: n + 1,
           onCitationClick: o,
-          recordAction: r,
-          title: d
-        }, `${c}-${n + 1}`)
+          recordAction: s,
+          title: p
+        }, `${d}-${n + 1}`)
       ))]
-    }), (e == null ? void 0 : e.length) === 0 && /* @__PURE__ */ s(_, {
-      recordAction: r
+    }), (e == null ? void 0 : e.length) === 0 && /* @__PURE__ */ r(_, {
+      recordAction: s
     })]
   });
 };
 export {
-  R as References,
-  R as default
+  L as References,
+  L as default
 };

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

@@ -1,4 +1,3 @@
-import "../../../../styles/thumb-buttons.css";
 import { Tooltip as h, IconButton as T } from "@box/blueprint-web";
 import { ThumbUp as U, ThumbDown as d } from "@box/blueprint-web-assets/icons/Fill";
 import { ThumbUp as D, ThumbDown as w } from "@box/blueprint-web-assets/icons/Line";
@@ -7,21 +6,21 @@ import { useIntl as M } from "react-intl";
 import { LOGGER_BASE_CONFIG as B, LOGGER_ACTION_PROGRAMMATIC as O } from "../common/constants.js";
 import n from "./messages.js";
 import { jsxs as N, Fragment as k, jsx as u } from "react/jsx-runtime";
-const C = "_thumbDown_1axcd_1", H = {
+import '../../../../styles/thumb-buttons.css';const C = "_thumbDown_1axcd_1", H = {
   thumbDown: C
 }, t = {
   THUMB_UP: "up",
   THUMB_DOWN: "down",
   NONE: "none"
-}, F = ({
+}, y = ({
   recordAction: o,
   variant: b,
   items: p,
   hostAppName: r
 }) => {
   const {
-    formatMessage: m
-  } = M(), [a, c] = s.useState(t.NONE), i = s.useMemo(() => p.filter((e) => e.status === "supported").map((e) => e.fileType), [p]), l = s.useCallback((e) => {
+    formatMessage: l
+  } = M(), [a, c] = s.useState(t.NONE), i = s.useMemo(() => p.filter((e) => e.status === "supported").map((e) => e.fileType), [p]), m = s.useCallback((e) => {
     a !== e && (c(e), o == null || o({
       ...B,
       action: O,
@@ -33,21 +32,21 @@ const C = "_thumbDown_1axcd_1", H = {
         feature: r
       }
     }));
-  }, [r, o, a, b, i]), _ = s.useCallback(() => l(t.THUMB_UP), [l]), f = s.useCallback(() => l(t.THUMB_DOWN), [l]);
+  }, [r, o, a, b, i]), _ = s.useCallback(() => m(t.THUMB_UP), [m]), f = s.useCallback(() => m(t.THUMB_DOWN), [m]);
   return /* @__PURE__ */ N(k, {
     children: [/* @__PURE__ */ u(h, {
-      content: m(n.thumbsUpAriaLabel),
+      content: l(n.thumbsUpAriaLabel),
       children: /* @__PURE__ */ u(T, {
-        "aria-label": m(n.thumbsUpAriaLabel),
+        "aria-label": l(n.thumbsUpAriaLabel),
         disabled: a === t.THUMB_DOWN,
         icon: a === t.THUMB_UP ? U : D,
         onClick: _,
         size: "x-small"
       })
     }), /* @__PURE__ */ u(h, {
-      content: m(n.thumbsDownAriaLabel),
+      content: l(n.thumbsDownAriaLabel),
       children: /* @__PURE__ */ u(T, {
-        "aria-label": m(n.thumbsDownAriaLabel),
+        "aria-label": l(n.thumbsDownAriaLabel),
         className: H.thumbDown,
         disabled: a === t.THUMB_UP,
         icon: a === t.THUMB_DOWN ? d : w,
@@ -58,6 +57,6 @@ const C = "_thumbDown_1axcd_1", H = {
   });
 };
 export {
-  F as ThumbButtons,
-  F as default
+  y as ThumbButtons,
+  y as default
 };

package/esm/lib/components/chat/chat.js

@@ -1,20 +1,19 @@
-import "../../../../styles/chat.css";
 import { Answer as v } from "../answer/answer.js";
 import { Question as w } from "../question/question.js";
 import { SuggestedQuestions as z } from "../suggested-questions/suggested-questions.js";
 import { WelcomeMessage as B } from "../welcome-message/welcome-message.js";
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-const D = "_chat_fj1ue_1", E = {
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import '../../../../styles/chat.css';const D = "_chat_fj1ue_1", E = {
   chat: D
-}, O = ({
-  askSuggestedQuestion: e,
+}, K = ({
+  askSuggestedQuestion: r,
   hasCustomSuggestedQuestions: s,
   hasRequestInProgress: a,
   isCitationsEnabled: d,
   isFeedbackEnabled: h,
   isMarkdownEnabled: l,
-  onCitationClick: p,
-  onAnswerCopy: f,
+  onCitationClick: f,
+  onAnswerCopy: p,
   questions: j,
   recordAction: i,
   setAskSuggestedQuestion: c,
@@ -25,14 +24,14 @@ const D = "_chat_fj1ue_1", E = {
   variant: o = "modal",
   hostAppName: _ = "",
   ...m
-}) => /* @__PURE__ */ r("div", {
+}) => /* @__PURE__ */ e("div", {
   className: E.chat,
   "data-testid": "content-answers-chat",
   children: [/* @__PURE__ */ t(B, {
     ...m,
     variant: o
   }), n !== void 0 && c !== void 0 && /* @__PURE__ */ t(z, {
-    askSuggestedQuestion: e,
+    askSuggestedQuestion: r,
     hasCustomSuggestedQuestions: s,
     isLoading: a,
     recordAction: i,
@@ -49,7 +48,7 @@ const D = "_chat_fj1ue_1", E = {
       isLoading: W,
       error: b,
       prompt: q
-    }) => /* @__PURE__ */ r("li", {
+    }) => /* @__PURE__ */ e("li", {
       children: [/* @__PURE__ */ t(w, {
         prompt: q,
         userInfo: y,
@@ -66,8 +65,8 @@ const D = "_chat_fj1ue_1", E = {
         isLoading: W,
         isMarkdownEnabled: l,
         items: m.items,
-        onAnswerCopy: f,
-        onCitationClick: p,
+        onAnswerCopy: p,
+        onCitationClick: f,
         recordAction: i,
         useAnimation: x,
         variant: o
@@ -76,6 +75,6 @@ const D = "_chat_fj1ue_1", E = {
   })]
 });
 export {
-  O as Chat,
-  O as default
+  K as Chat,
+  K as default
 };