@box/box-ai-content-answers 0.127.1 → 0.128.0

package/dist/esm/lib/components/common/constants.js

@@ -1,15 +1,19 @@
-const E = "modal", s = "answers", O = "programmatic", _ = "click", c = "keypress", o = {
-  action: O,
+const E = "modal", s = "answers", _ = "programmatic", o = "click", t = "keypress", c = {
+  action: _,
   component: E,
   feature: s
-}, t = ["xls", "xlsx", "csv", "tsv"], G = ["xls", "xlsx", "xlsm", "xlsb", "csv", "ods", "gsheet"];
+}, I = "data_ready", n = "component_initialized", O = "js_ready", T = ["xls", "xlsx", "csv", "tsv"], A = ["xls", "xlsx", "xlsm", "xlsb", "csv", "ods", "gsheet"], N = "boxai_sidebar";
 export {
-  t as INTELLIGENT_QUERY_COMPATIBLE_SPREADSHEET_EXTENSIONS,
-  _ as LOGGER_ACTION_CLICK,
-  c as LOGGER_ACTION_KEYPRESS,
-  O as LOGGER_ACTION_PROGRAMMATIC,
-  o as LOGGER_BASE_CONFIG,
+  I as EVENT_DATA_READY,
+  n as EVENT_INITIALIZED,
+  O as EVENT_JS_READY,
+  T as INTELLIGENT_QUERY_COMPATIBLE_SPREADSHEET_EXTENSIONS,
+  o as LOGGER_ACTION_CLICK,
+  t as LOGGER_ACTION_KEYPRESS,
+  _ as LOGGER_ACTION_PROGRAMMATIC,
+  c as LOGGER_BASE_CONFIG,
   E as LOGGER_COMPONENT,
   s as LOGGER_FEATURE,
-  G as SPREADSHEET_FILE_EXTENSIONS
+  N as ORIGIN_BOXAI_SIDEBAR,
+  A as SPREADSHEET_FILE_EXTENSIONS
 };

package/dist/esm/lib/components/common/performance.js

@@ -0,0 +1,6 @@
+import r from "lodash/get";
+const e = typeof r(window, "performance.mark") == "function", p = (o) => e && window.performance.mark(o);
+export {
+  e as isMarkSupported,
+  p as mark
+};

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

@@ -1,58 +1,62 @@
-import { Text as X, Tooltip as Y, IconButton as Z } from "@box/blueprint-web";
+import { Text as K, Tooltip as X, IconButton as Z } from "@box/blueprint-web";
 import { ArrowsExpand as ee } from "@box/blueprint-web-assets/icons/Fill";
 import { useAgents as te, BoxAiAgentSelectorWithApi as ne } from "@box/box-ai-agent-selector";
-import Q from "clsx";
-import y from "lodash/isEqual";
+import H from "clsx";
+import $ from "lodash/isEqual";
 import * as u from "react";
 import { useIntl as oe } from "react-intl";
 import { BoxAiContentAnswers as se } from "../../box-ai-content-answers.js";
 import { withApiWrapper as ae } from "../api-wrapper/api-wrapper.js";
-import { C as ie } from "../../../../chunks/clear-conversation-button.js";
-import { IntelligenceModal as re } from "../modal/modal.js";
-import { IntelligenceSidebarContext as ce } from "./context.js";
+import { ORIGIN_BOXAI_SIDEBAR as ie, EVENT_JS_READY as re } from "../common/constants.js";
+import { mark as ce } from "../common/performance.js";
+import { C as de } from "../../../../chunks/clear-conversation-button.js";
+import { IntelligenceModal as le } from "../modal/modal.js";
+import { IntelligenceSidebarContext as be } from "./context.js";
 import C from "./messages.js";
-import de from "./title.js";
-import { jsxs as p, Fragment as H, jsx as e } from "react/jsx-runtime";
-import '../../../../styles/content.css';const le = "_bcsSidebarBase_gfv6u_2", be = "_bcsContent_gfv6u_2", Se = "_bcsBoxAISidebar_gfv6u_2", ue = "_bcsContentHeader_gfv6u_6", pe = "_bcsTitle_gfv6u_15", ge = "_bcsScrollContent_gfv6u_22", he = "_withModalOpen_gfv6u_32", Ae = "_bcsBoxAISidebarAgentSelector_gfv6u_35", fe = "_bcsBoxAISidebarAgentSelectorContainer_gfv6u_39", me = "_bcsBoxAISidebarChatActions_gfv6u_43", Ie = "_bcsBoxAISidebarContent_gfv6u_47", _e = "_bcsBoxAISidebarExpand_gfv6u_50", xe = "_bcsBoxAISidebarTitlePart_gfv6u_53", Ce = "_sidebarChip_gfv6u_77", Be = "_bcsContentSubheader_gfv6u_90", ve = "_bcsScrollContentWrapper_gfv6u_99", we = "_withSubheader_gfv6u_104", Te = "_expanded_gfv6u_107", t = {
-  bcsSidebarBase: le,
-  bcsContent: be,
-  bcsBoxAISidebar: Se,
-  bcsContentHeader: ue,
-  bcsTitle: pe,
-  bcsScrollContent: ge,
-  withModalOpen: he,
-  bcsBoxAISidebarAgentSelector: Ae,
-  bcsBoxAISidebarAgentSelectorContainer: fe,
-  bcsBoxAISidebarChatActions: me,
-  bcsBoxAISidebarContent: Ie,
-  bcsBoxAISidebarExpand: _e,
-  bcsBoxAISidebarTitlePart: xe,
-  sidebarChip: Ce,
-  bcsContentSubheader: Be,
-  bcsScrollContentWrapper: ve,
-  withSubheader: we,
-  expanded: Te
-}, Ee = ({
+import Se from "./title.js";
+import { jsxs as p, Fragment as y, jsx as e } from "react/jsx-runtime";
+import '../../../../styles/content.css';const ue = "_bcsSidebarBase_gfv6u_2", pe = "_bcsContent_gfv6u_2", Ae = "_bcsBoxAISidebar_gfv6u_2", ge = "_bcsContentHeader_gfv6u_6", he = "_bcsTitle_gfv6u_15", me = "_bcsScrollContent_gfv6u_22", fe = "_withModalOpen_gfv6u_32", _e = "_bcsBoxAISidebarAgentSelector_gfv6u_35", Ie = "_bcsBoxAISidebarAgentSelectorContainer_gfv6u_39", xe = "_bcsBoxAISidebarChatActions_gfv6u_43", Ce = "_bcsBoxAISidebarContent_gfv6u_47", Be = "_bcsBoxAISidebarExpand_gfv6u_50", ve = "_bcsBoxAISidebarTitlePart_gfv6u_53", we = "_sidebarChip_gfv6u_77", Te = "_bcsContentSubheader_gfv6u_90", Ee = "_bcsScrollContentWrapper_gfv6u_99", Ne = "_withSubheader_gfv6u_104", Pe = "_expanded_gfv6u_107", t = {
+  bcsSidebarBase: ue,
+  bcsContent: pe,
+  bcsBoxAISidebar: Ae,
+  bcsContentHeader: ge,
+  bcsTitle: he,
+  bcsScrollContent: me,
+  withModalOpen: fe,
+  bcsBoxAISidebarAgentSelector: _e,
+  bcsBoxAISidebarAgentSelectorContainer: Ie,
+  bcsBoxAISidebarChatActions: xe,
+  bcsBoxAISidebarContent: Ce,
+  bcsBoxAISidebarExpand: Be,
+  bcsBoxAISidebarTitlePart: ve,
+  sidebarChip: we,
+  bcsContentSubheader: Te,
+  bcsScrollContentWrapper: Ee,
+  withSubheader: Ne,
+  expanded: Pe
+}, Me = `${ie}_${re}`;
+ce(Me);
+const Le = ({
   actions: B,
   children: i,
   className: n,
   elementId: d = "",
-  sidebarView: g = "",
+  sidebarView: A = "",
   title: l,
   subheader: r,
   ...c
 }) => {
-  const b = `${d}${d === "" ? "" : "_"}${g}`, h = `${b}-content`;
+  const b = `${d}${d === "" ? "" : "_"}${A}`, g = `${b}-content`;
   return /* @__PURE__ */ p("div", {
     "aria-labelledby": b,
-    className: Q(t.bcsContent, n),
+    className: H(t.bcsContent, n),
     "data-testid": "bcs-content",
-    id: h,
+    id: g,
     role: "tabpanel",
     ...c,
     children: [/* @__PURE__ */ p("div", {
       className: t.bcsContentHeader,
-      children: [l && /* @__PURE__ */ e(X, {
+      children: [l && /* @__PURE__ */ e(K, {
         as: "h3",
         className: t.bcsTitle,
         children: l
@@ -69,60 +73,60 @@ import '../../../../styles/content.css';const le = "_bcsSidebarBase_gfv6u_2", be
     })]
   });
 };
-function Pe(B) {
+function Oe(B) {
   const {
     createSession: i,
     encodedSession: n,
     onClearAction: d,
-    getAIStudioAgents: g,
+    getAIStudioAgents: A,
     hasRequestInProgress: l,
     hostAppName: r,
     isAIStudioAgentSelectorEnabled: c,
     isLoading: b,
-    isResetChatEnabled: h,
-    onSelectAgent: P,
-    questions: A,
-    shouldShowLandingPage: N = !0,
-    sendQuestion: f,
+    isResetChatEnabled: g,
+    onSelectAgent: N,
+    questions: h,
+    shouldShowLandingPage: P = !0,
+    sendQuestion: m,
     stopQuestion: v,
-    ...L
+    ...M
   } = B, {
-    formatMessage: m
-  } = oe(), M = u.useRef(!1), [w, O] = u.useState(!1), {
+    formatMessage: f
+  } = oe(), L = u.useRef(!1), [w, O] = u.useState(!1), {
     cache: s,
-    contentName: q,
+    contentName: R,
     elementId: V,
-    fileExtension: $,
-    isFeedbackEnabled: U,
-    isFeedbackFormEnabled: W,
-    isStopResponseEnabled: k,
+    fileExtension: Q,
+    isFeedbackEnabled: k,
+    isFeedbackFormEnabled: q,
+    isStopResponseEnabled: U,
     items: T,
-    itemSize: j,
-    onFeedbackFormSubmit: F,
-    onUserInteraction: R,
+    itemSize: D,
+    onFeedbackFormSubmit: W,
+    onUserInteraction: F,
     recordAction: S,
-    setCacheValue: I,
-    shouldPreinitSession: _
-  } = u.useContext(ce), {
-    agents: z,
-    requestState: D,
+    setCacheValue: _,
+    shouldPreinitSession: I
+  } = u.useContext(be), {
+    agents: j,
+    requestState: z,
     selectedAgent: E
   } = te(), {
     questions: a
   } = s;
-  s.shouldShowLandingPage !== N && I("shouldShowLandingPage", N), s.encodedSession !== n && I("encodedSession", n), y(s.questions, A) || I("questions", A), y(s.agents.selectedAgent, E) || I("agents", {
-    agents: z,
-    requestState: D,
+  s.shouldShowLandingPage !== P && _("shouldShowLandingPage", P), s.encodedSession !== n && _("encodedSession", n), $(s.questions, h) || _("questions", h), $(s.agents.selectedAgent, E) || _("agents", {
+    agents: j,
+    requestState: z,
     selectedAgent: E
   });
   const x = (o = !1) => {
-    !_ && !n && !b && i && i(!0, !1), o && R && R();
-  }, G = () => {
-    O(!1);
+    !I && !n && !b && i && i(!0, !1), o && F && F();
   }, J = () => {
+    O(!1);
+  }, Y = () => {
     x(), O(!0);
   };
-  u.useEffect(() => (_ && !n && i && i(!0, !0), n && a.length > 0 && a[a.length - 1].isCompleted === !1 && f({
+  u.useEffect(() => (I && !n && i && i(!0, !0), n && a.length > 0 && a[a.length - 1].isCompleted === !1 && m({
     prompt: a[a.length - 1].prompt
   }), S && S({
     action: "programmatic",
@@ -139,46 +143,46 @@ function Pe(B) {
     v();
   }), []), u.useEffect(() => {
     const o = a[a.length - 1];
-    !_ && !M.current && n && (o != null && o.isLoading) && (f(o, E, !1), M.current = !0);
+    !I && !L.current && n && (o != null && o.isLoading) && (m(o, E, !1), L.current = !0);
   }, [n]);
-  const K = () => /* @__PURE__ */ p("div", {
+  const G = () => /* @__PURE__ */ p("div", {
     className: t.bcsBoxAISidebarTitlePart,
-    children: [/* @__PURE__ */ e(de, {
+    children: [/* @__PURE__ */ e(Se, {
       isAIStudioAgentSelectorEnabled: c
     }), c && /* @__PURE__ */ e("div", {
       className: t.bcsBoxAISidebarAgentSelector,
       children: /* @__PURE__ */ e(ne, {
         disabled: l,
-        fetcher: g,
+        fetcher: A,
         hostAppName: r,
         onAgentsListOpen: x,
-        onSelectAgent: P,
+        onSelectAgent: N,
         recordAction: S,
         shouldHideAgentSelectorOnLoad: !0,
         variant: "sidebar"
       })
     })]
   });
-  return /* @__PURE__ */ p(H, {
-    children: [/* @__PURE__ */ e(Ee, {
-      actions: /* @__PURE__ */ p(H, {
-        children: [K(), h && /* @__PURE__ */ e(ie, {
+  return /* @__PURE__ */ p(y, {
+    children: [/* @__PURE__ */ e(Le, {
+      actions: /* @__PURE__ */ p(y, {
+        children: [G(), g && /* @__PURE__ */ e(de, {
           onClick: d
-        }), /* @__PURE__ */ e(Y, {
-          content: m(C.sidebarBoxAISwitchToModalView),
+        }), /* @__PURE__ */ e(X, {
+          content: f(C.sidebarBoxAISwitchToModalView),
           "data-testid": "content-answers-open-modal-tooltip",
           variant: "standard",
           children: /* @__PURE__ */ e(Z, {
-            "aria-label": m(C.sidebarBoxAISwitchToModalView),
+            "aria-label": f(C.sidebarBoxAISwitchToModalView),
             className: t.bcsBoxAISidebarExpand,
             "data-target-id": "IconButton-expandBoxAISidebar",
             icon: ee,
-            onClick: J,
+            onClick: Y,
             size: "small"
           })
         })]
       }),
-      className: Q(t.bcsBoxAISidebar, {
+      className: H(t.bcsBoxAISidebar, {
         [t.withModalOpen]: w
       }),
       elementId: V,
@@ -187,60 +191,60 @@ function Pe(B) {
         className: t.bcsBoxAISidebarContent,
         children: /* @__PURE__ */ e(se, {
           className: t.bcsBoxAISidebarContentAnswers,
-          contentName: q,
-          contentType: m(C.sidebarBoxAIContent),
+          contentName: R,
+          contentType: f(C.sidebarBoxAIContent),
           hostAppName: r,
           isAIStudioAgentSelectorEnabled: c,
-          isFeedbackEnabled: U,
-          isFeedbackFormEnabled: W,
-          isStopResponseEnabled: k,
+          isFeedbackEnabled: k,
+          isFeedbackFormEnabled: q,
+          isStopResponseEnabled: U,
           items: T,
-          onFeedbackFormSubmit: F,
+          onFeedbackFormSubmit: W,
           onUserIntentToUseAI: x,
-          questions: A,
+          questions: h,
           recordAction: S,
           shouldShowLandingPage: s.shouldShowLandingPage,
-          showLoadingIndicator: b && _,
+          showLoadingIndicator: b && I,
           stopQuestion: v,
-          submitQuestion: f,
+          submitQuestion: m,
           variant: "sidebar",
-          ...L
+          ...M
         })
       })
-    }), /* @__PURE__ */ e(re, {
-      contentName: q,
-      contentType: m(C.sidebarBoxAIContent),
-      extension: $,
-      getAIStudioAgents: g,
+    }), /* @__PURE__ */ e(le, {
+      contentName: R,
+      contentType: f(C.sidebarBoxAIContent),
+      extension: Q,
+      getAIStudioAgents: A,
       hasRequestInProgress: l,
       hostAppName: r,
       isAIStudioAgentSelectorEnabled: c,
-      isFeedbackEnabled: U,
-      isFeedbackFormEnabled: W,
-      isResetChatEnabled: h,
-      isStopResponseEnabled: k,
+      isFeedbackEnabled: k,
+      isFeedbackFormEnabled: q,
+      isResetChatEnabled: g,
+      isStopResponseEnabled: U,
       items: T,
-      itemSize: j,
+      itemSize: D,
       onClearAction: d,
-      onFeedbackFormSubmit: F,
-      onOpenChange: G,
-      onSelectAgent: P,
+      onFeedbackFormSubmit: W,
+      onOpenChange: J,
+      onSelectAgent: N,
       onUserIntentToUseAI: x,
       open: w,
-      questions: A,
+      questions: h,
       recordAction: w ? S : void 0,
       shouldShowLandingPage: s.shouldShowLandingPage,
       showLoadingIndicator: !1,
       stopPropagationOnEsc: !0,
       stopQuestion: v,
-      submitQuestion: f,
+      submitQuestion: m,
       variant: "collapsible",
-      ...L,
+      ...M,
       shouldRenderProviders: !1
     })]
   });
 }
-const je = ae(Pe);
+const Ke = ae(Oe);
 export {
-  je as default
+  Ke as default
 };

package/dist/types/lib/components/common/constants.d.ts

@@ -5,5 +5,9 @@ export declare const LOGGER_ACTION_PROGRAMMATIC = "programmatic";
 export declare const LOGGER_ACTION_CLICK = "click";
 export declare const LOGGER_ACTION_KEYPRESS = "keypress";
 export declare const LOGGER_BASE_CONFIG: RecordActionType;
+export declare const EVENT_DATA_READY = "data_ready";
+export declare const EVENT_INITIALIZED = "component_initialized";
+export declare const EVENT_JS_READY = "js_ready";
 export declare const INTELLIGENT_QUERY_COMPATIBLE_SPREADSHEET_EXTENSIONS: string[];
 export declare const SPREADSHEET_FILE_EXTENSIONS: string[];
+export declare const ORIGIN_BOXAI_SIDEBAR = "boxai_sidebar";

package/dist/types/lib/components/common/performance.d.ts

@@ -0,0 +1,3 @@
+declare const isMarkSupported: boolean;
+declare const mark: (markName: string) => PerformanceMark;
+export { isMarkSupported, mark };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/box-ai-content-answers",
-    "version": "0.127.1",
+    "version": "0.128.0",
     "peerDependencies": {
         "@box/blueprint-web": "^7.8.0",
         "@box/blueprint-web-assets": "^4.35.0",