@box/box-ai-content-answers 0.49.0

package/esm/lib/components/common/media-container.js

@@ -0,0 +1,48 @@
+import "../../../../styles/media-container.css";
+import { Card as s } from "@box/blueprint-web";
+import n from "clsx";
+import { jsx as r } from "react/jsx-runtime";
+const _ = "_mediaContainer_ydawk_9", c = "_question_ydawk_15", m = "_body_ydawk_18", u = "_animated_ydawk_25", y = "_heightExpand_ydawk_1", g = "_error_ydawk_29", l = "_figure_ydawk_42", e = {
+  mediaContainer: _,
+  question: c,
+  body: m,
+  animated: u,
+  heightExpand: y,
+  error: g,
+  figure: l,
+  "center-aligned": "_center-aligned_ydawk_49",
+  "top-aligned": "_top-aligned_ydawk_53"
+}, p = ({
+  children: a,
+  className: t
+}) => /* @__PURE__ */ r("div", {
+  className: n(e.mediaContainer, e[t]),
+  "data-testid": "content-answers-grid-card",
+  children: a
+}), i = p;
+i.Figure = ({
+  children: a,
+  variant: t
+}) => /* @__PURE__ */ r("div", {
+  className: n(e.figure, e[t]),
+  children: a
+});
+i.Content = ({
+  children: a,
+  variant: t,
+  shouldAddCard: d = !0,
+  useAnimation: o = !0
+}) => /* @__PURE__ */ r("div", {
+  className: n(e.body, e[t]),
+  children: d ? /* @__PURE__ */ r(s, {
+    className: n({
+      [e.animated]: o
+    }),
+    children: a
+  }) : a
+});
+export {
+  i as MediaContainer,
+  p as MediaContainerBase,
+  i as default
+};

package/esm/lib/components/common/mock-data.js

@@ -0,0 +1,98 @@
+import { A as e } from "../../../../chunks/types.js";
+import "@box/blueprint-web";
+import "react";
+import "@box/blueprint-web-assets/icons/Line";
+import "@box/blueprint-web-assets/tokens/tokens";
+import "clsx";
+import "react-intl";
+import "./media-container.js";
+import "./markdown.js";
+import "../../../../chunks/answer-content.module.js";
+import "react/jsx-runtime";
+import "@box/blueprint-web-assets/icons/Fill";
+import "../../messages.js";
+import "../answer/messages.js";
+import "../../../../chunks/copy-button.module.js";
+import "../../../../chunks/inline-error.module.js";
+import "../../../../chunks/loading.module.js";
+import "lodash/debounce";
+import "lodash/truncate";
+import "../../../../chunks/citation.module.js";
+import "../../../../chunks/references.module.js";
+import "../../../../chunks/answer.module.js";
+import { agentList as i, agentState as t } from "../api-wrapper/constants.js";
+const a = [{
+  location: "location1",
+  fileId: "123",
+  content: "In the heart of the bustling city, amidst the cacophony of car horns and distant chatter, lies a hidden oasis of tranquility. This serene sanctuary, with its lush greenery and gentle trickling streams, offers a reprieve from the relentless pace of urban life. Here, amidst the whispering leaves and the soft rustle of wildlife, one can find solace and renewal."
+}, {
+  location: "location2",
+  fileId: "456",
+  content: "High above the world, where the air is thin and the sky stretches endlessly, a lone eagle soars. With wings outstretched, it rides the currents of wind, a majestic silhouette against the backdrop of clouds. From this lofty vantage point, the world below seems small and insignificant, its troubles and worries mere specks in the grand tapestry of existence."
+}, {
+  location: "location3",
+  fileId: "789",
+  content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst."
+}], R = [{
+  answer: "I am a mock answer",
+  id: "1",
+  isCompleted: !0,
+  isLoading: !1,
+  error: null,
+  prompt: "Can you summarize this?",
+  citations: a
+}, {
+  answer: "",
+  id: "2",
+  isCompleted: !0,
+  isLoading: !0,
+  error: null,
+  prompt: "Can you provide an answer for this?"
+}, {
+  answer: "Paris",
+  id: "3",
+  isCompleted: !0,
+  isLoading: !1,
+  error: e.GENERAL,
+  prompt: "What is the capital of France?"
+}, {
+  answer: "4",
+  id: "4",
+  isCompleted: !0,
+  isLoading: !1,
+  error: e.RATE_LIMITING,
+  prompt: "What is the square root of 16?"
+}, {
+  answer: "Harper Lee",
+  id: "5",
+  isCompleted: !0,
+  isLoading: !1,
+  error: e.RESPONSE_FAILED,
+  prompt: 'Who is the author of "To Kill a Mockingbird"?'
+}, {
+  answer: "Tokyo",
+  id: "6",
+  isCompleted: !0,
+  isLoading: !1,
+  error: e.RESPONSE_INTERRUPTED,
+  prompt: "What is the capital of Japan?"
+}, {
+  answer: "Jupiter",
+  id: "7",
+  isCompleted: !0,
+  isLoading: !1,
+  error: e.RESPONSE_STOPPED,
+  prompt: "What is the largest planet in our solar system?"
+}, {
+  answer: "Washing",
+  id: "8",
+  isCompleted: !1,
+  isLoading: !1,
+  error: null,
+  prompt: "What is the capital of the United States?"
+}], k = i, A = t;
+export {
+  A as mockAgentState,
+  k as mockAgents,
+  R as mockQuestions
+};

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

@@ -0,0 +1,94 @@
+import "../../../../styles/content.css";
+import { LoadingIndicator as v } from "@box/blueprint-web";
+import w from "clsx";
+import * as t from "react";
+import { useIntl as M } from "react-intl";
+import j from "../../messages.js";
+import { Chat as k } from "../chat/chat.js";
+import { ModalError as H } from "../modal-error/modal-error.js";
+import { jsx as e, jsxs as T, Fragment as V } from "react/jsx-runtime";
+const y = "_loadingIndicatorWrapper_12a8t_1", z = "_content_12a8t_5", B = "_isLoading_12a8t_12", F = "_messagesEnd_12a8t_16", r = {
+  loadingIndicatorWrapper: y,
+  content: z,
+  isLoading: B,
+  messagesEnd: F
+}, Y = ({
+  error: m,
+  hasRequestInProgress: a = !1,
+  isErrorMessageShown: u = !1,
+  setIsErrorMessageShown: g,
+  onModalClose: p,
+  questions: _,
+  recordAction: d,
+  showLoadingIndicator: f = !1,
+  userInfo: E,
+  suggestedQuestions: h,
+  askSuggestedQuestion: I,
+  setAskSuggestedQuestion: x,
+  useAnimation: C,
+  ...L
+}) => {
+  const o = t.useRef(null), s = t.useRef(null), l = t.useRef(null), {
+    formatMessage: N
+  } = M(), n = t.useCallback((c, i = !1) => {
+    s.current && s.current.scrollIntoView && o.current && (!i || !l.current) && s.current.scrollIntoView({
+      behavior: c,
+      block: "nearest"
+    });
+  }, []), R = () => {
+    if (o.current) {
+      const {
+        scrollTop: c,
+        clientHeight: i,
+        scrollHeight: W
+      } = o.current, b = W - (c + i);
+      l.current = b > 5;
+    }
+  };
+  t.useEffect(() => {
+    n("instant");
+  }, [n]), t.useEffect(() => {
+    a && (l.current = !1, n("instant"));
+  }, [n, a]);
+  const S = () => u ? /* @__PURE__ */ e(H, {
+    clearError: () => g(!1),
+    error: m,
+    onModalClose: p,
+    recordAction: d
+  }) : f ? /* @__PURE__ */ e("div", {
+    className: r.loadingIndicatorWrapper,
+    children: /* @__PURE__ */ e(v, {
+      "aria-label": N(j.loading),
+      className: r.loadingIndicator,
+      "data-testid": "content-answers-modal-loading-indicator",
+      size: "large"
+    })
+  }) : /* @__PURE__ */ T(V, {
+    children: [/* @__PURE__ */ e(k, {
+      askSuggestedQuestion: I,
+      handleScrollToBottom: n,
+      hasRequestInProgress: a,
+      questions: _,
+      recordAction: d,
+      setAskSuggestedQuestion: x,
+      suggestedQuestions: h,
+      useAnimation: C,
+      userInfo: E,
+      ...L
+    }), /* @__PURE__ */ e("div", {
+      ref: s,
+      className: r.messagesEnd
+    })]
+  });
+  return /* @__PURE__ */ e("div", {
+    ref: o,
+    className: w(r.content, f ? r.isLoading : null),
+    "data-testid": "content-answers-content",
+    onScroll: R,
+    children: S()
+  });
+};
+export {
+  Y as Content,
+  Y as default
+};

package/esm/lib/components/content/index.js

@@ -0,0 +1,4 @@
+import { Content as e } from "./content.js";
+export {
+  e as Content
+};

package/esm/lib/components/footer/constants.js

@@ -0,0 +1,15 @@
+const E = {
+  ENTER: 13,
+  X: 88,
+  X_LOWERCASE: 120
+}, _ = {
+  DEBUG_MAX_ROWS: 25,
+  MAX_ROWS: 4,
+  MAX_ROWS_MOBILE: 10,
+  MAX_LENGTH: 1e3,
+  MIN_ROWS: 1
+};
+export {
+  E as KEY_CODE,
+  _ as TEXT_AREA
+};

package/esm/lib/components/footer/footer-actions.js

@@ -0,0 +1,65 @@
+import "../../../../styles/footer-actions.css";
+import { Button as l } from "@box/blueprint-web";
+import { useRef as N, useCallback as p, useEffect as O } from "react";
+import { useIntl as w } from "react-intl";
+import { A as m } from "../../../../chunks/types.js";
+import { LOGGER_BASE_CONFIG as u, LOGGER_ACTION_CLICK as R } from "../common/constants.js";
+import d from "./messages.js";
+import { jsxs as y, jsx as E } from "react/jsx-runtime";
+const g = "_footerActions_poeou_1", k = "_footerActionButton_poeou_11", a = {
+  footerActions: g,
+  footerActionButton: k
+}, j = ({
+  isStreamingEnabled: _ = !1,
+  lastQuestion: o,
+  onRetryQuestion: s,
+  onStopQuestion: c,
+  recordAction: t
+}) => {
+  const {
+    answer: B,
+    error: n,
+    isCompleted: S
+  } = o, e = s && n && n !== m.RESPONSE_STOPPED && n !== m.RESPONSE_INTERRUPTED, i = _ && !S && B, h = i || e, r = N(null), {
+    formatMessage: f
+  } = w(), A = p(() => {
+    t && t({
+      ...u,
+      action: R,
+      target: "stopResponse"
+    }), c(o);
+  }, [o, c, t]), C = p(() => {
+    t && t({
+      ...u,
+      action: R,
+      target: "retryResponse"
+    }), s(o);
+  }, [o, s, t]);
+  return O(() => {
+    e && r.current && r.current.focus();
+  }, [e]), h ? /* @__PURE__ */ y("div", {
+    className: a.footerActions,
+    "data-testid": "content-answers-modal-footer-actions",
+    children: [i && /* @__PURE__ */ E(l, {
+      "aria-live": "polite",
+      className: a.footerActionButton,
+      "data-testid": "content-answers-stop-response-button",
+      onClick: A,
+      size: "large",
+      variant: "secondary",
+      children: f(d.stopResponse)
+    }), e && /* @__PURE__ */ E(l, {
+      ref: r,
+      "aria-live": "polite",
+      className: a.footerActionButton,
+      "data-testid": "content-answers-retry-response-button",
+      onClick: C,
+      size: "large",
+      variant: "secondary",
+      children: f(d.retryResponse)
+    })]
+  }) : null;
+};
+export {
+  j as FooterActions
+};

package/esm/lib/components/footer/footer.js

@@ -0,0 +1,124 @@
+import "../../../../styles/footer.css";
+import * as r from "react";
+import { useIntl as F } from "react-intl";
+import { useBreakpoint as j, Breakpoint as U, Avatar as W, TextArea as z, Button as D } from "@box/blueprint-web";
+import { ArrowUp as Y } from "@box/blueprint-web-assets/icons/Line";
+import { useAgents as $ } from "../../contexts/AgentsContext.js";
+import { FooterActions as J } from "./footer-actions.js";
+import Q from "../../messages.js";
+import { isDebugModeTrigger as V, isEnterTrigger as Z } from "../common/keyInputUtils.js";
+import { TEXT_AREA as n } from "./constants.js";
+import m from "./messages.js";
+import { LOGGER_BASE_CONFIG as N, LOGGER_ACTION_CLICK as q, LOGGER_ACTION_KEYPRESS as g } from "../common/constants.js";
+import { jsxs as O, jsx as u } from "react/jsx-runtime";
+const P = "_questionInput_1pdo1_1", tt = "_avatar_1pdo1_11", at = "_submitButton_1pdo1_14", rt = "_textArea_1pdo1_17", et = "_submitButtonTooltip_1pdo1_26", d = {
+  questionInput: P,
+  avatar: tt,
+  submitButton: at,
+  textArea: rt,
+  submitButtonTooltip: et
+}, vt = ({
+  askSuggestedQuestion: v,
+  contentType: C,
+  enableDebugMode: E = !1,
+  hasRequestInProgress: e,
+  isAgentSelectorEnabled: f,
+  isDebugModeShown: h,
+  isStreamingEnabled: X,
+  lastQuestion: x,
+  onRetryQuestion: T,
+  onStopQuestion: w,
+  recordAction: o,
+  sendQuestion: k,
+  setAskSuggestedQuestion: A,
+  toggleDebugMode: s,
+  user: L
+}) => {
+  const i = F(), H = j(), a = /* @__PURE__ */ r.createRef(), p = H <= U.Medium, [c, M] = r.useState(!0), [I, B] = r.useState(!1), {
+    selectedAgent: _
+  } = $(), b = r.useCallback(() => {
+    a.current && a.current.focus();
+  }, [a]), R = r.useCallback(() => {
+    var G;
+    let t = ((G = a.current) == null ? void 0 : G.value) ?? "";
+    a.current && t.length > n.MAX_LENGTH && (a.current.value = t.slice(0, n.MAX_LENGTH), t = a.current.value), B(t.length >= n.MAX_LENGTH), M(t.trim().length === 0);
+  }, [a]), l = r.useCallback(() => {
+    if (b(), !e && a.current) {
+      const t = {
+        prompt: a.current.value
+      };
+      t.prompt && t.prompt.trim() && (k(t, f ? _.config : void 0), a.current.value = "", M(!0), B(!1)), h && s && s();
+    }
+  }, [b, e, a, f, h, _.config, k, s]), y = r.useCallback((t) => {
+    t.preventDefault(), !e && !c && o && o({
+      ...N,
+      action: q,
+      target: "ask"
+    }), l();
+  }, [e, c, o, l]), K = r.useCallback((t) => {
+    E && s && V(t) && s(), Z(t) && (t.preventDefault(), !e && !c && o && o({
+      ...N,
+      action: g,
+      target: "ask"
+    }), l());
+  }, [E, e, c, o, l, s]), S = r.useCallback((t) => {
+    T(t, f ? _.config : void 0);
+  }, [f, T, _.config]);
+  return r.useEffect(() => {
+    setTimeout(b, 0);
+  }, []), r.useEffect(() => {
+    v && a.current && !e && A && (a.current.value = v, l(), A(null));
+  }, [v]), /* @__PURE__ */ O("div", {
+    children: [x && /* @__PURE__ */ u(J, {
+      isStreamingEnabled: X,
+      lastQuestion: x,
+      onRetryQuestion: S,
+      onStopQuestion: w,
+      recordAction: o
+    }), /* @__PURE__ */ O("div", {
+      className: d.questionInput,
+      children: [!p && /* @__PURE__ */ u("div", {
+        className: d.avatar,
+        "data-testid": "content-answers-question-input-avatar",
+        children: /* @__PURE__ */ u(W, {
+          alt: i.formatMessage(Q.userAvatar),
+          colorIndex: 0,
+          src: L.avatarURL,
+          text: L.name.charAt(0)
+        })
+      }), /* @__PURE__ */ u(z, {
+        ref: a,
+        className: d.textArea,
+        "data-testid": "content-answers-question-input",
+        error: I && i.formatMessage(m.maxCharactersReachedError, {
+          characterLimit: n.MAX_LENGTH
+        }),
+        hideLabel: !0,
+        label: i.formatMessage(m.askQuestionPlaceholder, {
+          type: C
+        }),
+        maxLength: n.MAX_LENGTH,
+        maxRows: p ? n.MAX_ROWS_MOBILE : n.MAX_ROWS,
+        onChange: R,
+        onKeyDown: K,
+        placeholder: i.formatMessage(m.askQuestionPlaceholder, {
+          type: C
+        })
+      }), /* @__PURE__ */ u(D, {
+        "aria-label": i.formatMessage(m.ask),
+        className: d.submitButton,
+        "data-testid": "content-answers-submit-button",
+        disabled: c || e,
+        icon: p ? Y : void 0,
+        loading: e,
+        loadingAriaLabel: i.formatMessage(m.askDisabledTooltip),
+        onClick: y,
+        size: "large",
+        children: p ? void 0 : i.formatMessage(m.ask)
+      })]
+    })]
+  });
+};
+export {
+  vt as Footer
+};

package/esm/lib/components/footer/index.js

@@ -0,0 +1,4 @@
+import { Footer as e } from "./footer.js";
+export {
+  e as Footer
+};

package/esm/lib/components/footer/messages.js

@@ -0,0 +1,30 @@
+import { defineMessages as e } from "react-intl";
+const a = e({
+  maxCharactersReachedError: {
+    id: "boxAI.contentAnswers.maxCharactersReachedError",
+    defaultMessage: "Maximum of {characterLimit} characters reached"
+  },
+  askQuestionPlaceholder: {
+    id: "boxAI.contentAnswers.askQuestionPlaceholder",
+    defaultMessage: "Ask anything about this {type}"
+  },
+  askDisabledTooltip: {
+    id: "boxAI.contentAnswers.askDisabledTooltip",
+    defaultMessage: "You can submit another question once Box AI has finished responding"
+  },
+  ask: {
+    id: "boxAI.contentAnswers.ask",
+    defaultMessage: "Ask"
+  },
+  retryResponse: {
+    id: "boxAI.contentAnswers.retryResponse",
+    defaultMessage: "Retry"
+  },
+  stopResponse: {
+    id: "boxAI.contentAnswers.stopResponse",
+    defaultMessage: "Stop Response"
+  }
+});
+export {
+  a as default
+};

package/esm/lib/components/modal/hooks/useEventListeners.js

@@ -0,0 +1,15 @@
+import { useCallback as n } from "react";
+const s = () => {
+  const t = n((e) => {
+    document.addEventListener("keydown", e);
+  }, []), o = n((e) => {
+    document.removeEventListener("keydown", e);
+  }, []);
+  return {
+    addKeydownEventListener: t,
+    removeKeydownEventListener: o
+  };
+};
+export {
+  s as default
+};

package/esm/lib/components/modal/hooks/useStopPropagationOnEsc.js

@@ -0,0 +1,21 @@
+import { useCallback as a, useEffect as i } from "react";
+import u from "./useEventListeners.js";
+const f = (t, n) => {
+  const e = a((s) => {
+    s.key === "Escape" && s.stopPropagation();
+  }, []), {
+    addKeydownEventListener: r,
+    removeKeydownEventListener: o
+  } = u();
+  return i(() => {
+    if (!(!t || !n))
+      return r(e), () => {
+        o(e);
+      };
+  }, [t, n, e, r, o]), {
+    handleKeyDownOnEsc: e
+  };
+};
+export {
+  f as default
+};

package/esm/lib/components/modal/messages.js

@@ -0,0 +1,18 @@
+import { defineMessages as e } from "react-intl";
+const o = e({
+  contentAnswersTitle: {
+    id: "boxAI.contentAnswers.contentAnswersTitle",
+    defaultMessage: "Box AI"
+  },
+  closeModalAriaLabel: {
+    id: "boxAI.contentAnswers.closeModalAriaLabel",
+    defaultMessage: "Close Modal"
+  },
+  resetConversationLabel: {
+    id: "boxAI.contentAnswers.resetConversationLabel",
+    defaultMessage: "Reset conversation"
+  }
+});
+export {
+  o as default
+};

package/esm/lib/components/modal/modal.js

@@ -0,0 +1,126 @@
+import "../../../../styles/modal.css";
+import { useBreakpoint as T, Breakpoint as G, Modal as s, Text as H, Tooltip as P, IconButton as E } from "@box/blueprint-web";
+import { ArrowCurveForward as S } from "@box/blueprint-web-assets/icons/Fill";
+import { BoxAiLogo as R } from "@box/blueprint-web-assets/icons/Logo";
+import { Size8 as p } from "@box/blueprint-web-assets/tokens/tokens";
+import C from "react";
+import { useIntl as j } from "react-intl";
+import { BoxAiContentAnswers as F } from "../../box-ai-content-answers.js";
+import { AgentsProvider as K } from "../../contexts/AgentsContext.js";
+import { AgentSelector as q } from "../agents/agent-selector.js";
+import { LOGGER_BASE_CONFIG as b, LOGGER_ACTION_CLICK as D } from "../common/constants.js";
+import J from "./hooks/useStopPropagationOnEsc.js";
+import i from "./messages.js";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+const Q = "_BoxAIIconColor_8bmuz_1", U = "_modalHeader_8bmuz_5", V = "_contentAnswersModal_8bmuz_10", W = "_boxAiContentAnswers_8bmuz_17", X = "_resetButton_8bmuz_25", Y = "_contentAnswerModal_8bmuz_1", t = {
+  BoxAIIconColor: Q,
+  modalHeader: U,
+  contentAnswersModal: V,
+  boxAiContentAnswers: W,
+  resetButton: X,
+  "modal-close-button": "_modal-close-button_8bmuz_29",
+  contentAnswerModal: Y
+}, ue = ({
+  children: g,
+  hostAppName: m,
+  isAgentSelectorEnabled: c,
+  isDebugModeEnabled: w,
+  isResetChatEnabled: M,
+  itemSize: d,
+  extension: u,
+  onResetAction: _,
+  onSelectAgent: x,
+  recordAction: r,
+  shouldRenderProviders: B = !0,
+  stopPropagationOnEsc: I,
+  ...h
+}) => {
+  const {
+    open: f,
+    defaultOpen: v,
+    onOpenChange: z,
+    modal: L,
+    ...N
+  } = h, a = j(), O = T() <= G.Medium;
+  J(I, f);
+  const o = C.useCallback((n) => {
+    r && (n.data ?? (n.data = {}), n.data.hostAppName = m, r(n));
+  }, [m, r]);
+  C.useEffect(() => {
+    o({
+      ...b,
+      target: "loaded",
+      data: {
+        fileSize: d,
+        fileType: u
+      }
+    });
+  }, [o, u, d, r]);
+  const k = () => {
+    _ && (_(), o({
+      ...b,
+      action: D,
+      target: "resetChat"
+    }));
+  }, A = /* @__PURE__ */ l(s, {
+    defaultOpen: v,
+    modal: L,
+    onOpenChange: z,
+    open: f,
+    children: [/* @__PURE__ */ e(s.Trigger, {
+      children: g
+    }), /* @__PURE__ */ l(s.Content, {
+      className: t.contentAnswersModal,
+      "data-testid": "content-answers-modal",
+      size: "xlarge",
+      children: [/* @__PURE__ */ e(s.Header, {
+        children: /* @__PURE__ */ l("div", {
+          className: t.modalHeader,
+          children: [!O && /* @__PURE__ */ e(R, {
+            className: t.BoxAIIconColor,
+            "data-testid": "content-answers-icon-color",
+            height: p,
+            width: p
+          }), /* @__PURE__ */ e(H, {
+            as: "span",
+            variant: "titleMedium",
+            children: a.formatMessage(i.contentAnswersTitle)
+          }), c && /* @__PURE__ */ e(q, {
+            onSelectAgent: x,
+            recordAction: o
+          })]
+        })
+      }), M && /* @__PURE__ */ e(P, {
+        content: a.formatMessage(i.resetConversationLabel),
+        "data-testid": "reset-conversation-tooltip",
+        side: "top",
+        variant: "standard",
+        children: /* @__PURE__ */ e(E, {
+          "aria-label": a.formatMessage(i.resetConversationLabel),
+          className: t.resetButton,
+          "data-testid": "reset-conversation-button",
+          icon: S,
+          onClick: k,
+          size: "small"
+        })
+      }), /* @__PURE__ */ e(s.Close, {
+        "aria-label": a.formatMessage(i.closeModalAriaLabel),
+        className: t["modal-close-button"],
+        size: "small"
+      }), /* @__PURE__ */ e(F, {
+        className: t.boxAiContentAnswers,
+        isAgentSelectorEnabled: c,
+        isDebugModeEnabled: w,
+        recordAction: o,
+        ...N
+      })]
+    })]
+  });
+  return B ? /* @__PURE__ */ e(K, {
+    children: A
+  }) : A;
+};
+export {
+  ue as IntelligenceModal,
+  ue as default
+};

package/esm/lib/components/modal-error/index.js

@@ -0,0 +1,4 @@
+import { ModalError as a } from "./modal-error.js";
+export {
+  a as ModalError
+};