@box/box-ai-agent-selector 0.13.0 → 0.13.2

package/esm/lib/box-ai-agent-selector-with-api-container.js

@@ -1,26 +1,30 @@
-import { BoxAiAgentSelectorWithApi as m } from "./box-ai-agent-selector-with-api.js";
-import { AgentsProvider as p } from "./contexts/context.js";
+import { BoxAiAgentSelectorWithApi as f } from "./box-ai-agent-selector-with-api.js";
+import { AgentsProvider as c } from "./contexts/context.js";
 import { jsx as r } from "react/jsx-runtime";
-function u({
+function a({
   fetcher: t,
   hostAppName: e,
   onSelectAgent: o,
   recordAction: i,
   requestState: n,
-  shouldHideAgentSelectorOnLoad: A = !0
+  shouldHideAgentSelectorOnLoad: A = !0,
+  triggerChipClassName: m,
+  contentClassName: p
 }) {
-  return /* @__PURE__ */ r(p, {
-    children: /* @__PURE__ */ r(m, {
+  return /* @__PURE__ */ r(c, {
+    children: /* @__PURE__ */ r(f, {
+      contentClassName: p,
       fetcher: t,
       hostAppName: e,
       onSelectAgent: o,
       recordAction: i,
       requestState: n,
-      shouldHideAgentSelectorOnLoad: A
+      shouldHideAgentSelectorOnLoad: A,
+      triggerChipClassName: m
     })
   });
 }
 export {
-  u as BoxAiAgentSelectorWithApiContainer,
-  u as default
+  a as BoxAiAgentSelectorWithApiContainer,
+  a as default
 };

package/esm/lib/box-ai-agent-selector-with-api.js

@@ -1,23 +1,25 @@
-import { useState as p, useCallback as m, useEffect as f } from "react";
-import { BoxAiAgentSelector as C } from "./box-ai-agent-selector.js";
+import { useState as O, useCallback as m, useEffect as f } from "react";
+import { BoxAiAgentSelector as N } from "./box-ai-agent-selector.js";
 import { LOGGER_BASE_CONFIG as u, LOGGER_TARGET as a } from "./constants.js";
 import { ACTIONS as E } from "./contexts/actions.js";
-import { useAgentsDispatch as O, useAgents as N } from "./contexts/context.js";
+import { useAgentsDispatch as h, useAgents as I } from "./contexts/context.js";
 import { R as i } from "../../chunks/types.js";
-import { jsx as h } from "react/jsx-runtime";
-function y({
+import { jsx as L } from "react/jsx-runtime";
+function F({
   fetcher: R,
   hostAppName: _,
   onSelectAgent: T,
   recordAction: n,
   requestState: s,
-  shouldHideAgentSelectorOnLoad: g
+  shouldHideAgentSelectorOnLoad: g,
+  triggerChipClassName: G,
+  contentClassName: l
 }) {
-  const e = O(), {
+  const e = h(), {
     agents: c,
     requestState: S,
     selectedAgent: o
-  } = N(), [G, l] = p(!1), r = m((t) => {
+  } = I(), [p, C] = O(!1), r = m((t) => {
     n && (t.data ?? (t.data = {}), t.data.hostAppName = _, n(t));
   }, [_, n]), A = m(async () => {
     e({
@@ -45,7 +47,7 @@ function y({
   }, [e, r, R]);
   return f(() => {
     A().finally(() => {
-      l(!0);
+      C(!0);
     });
   }, [A]), f(() => {
     s && s !== S && (s !== i.SUCCESS && e({
@@ -57,15 +59,17 @@ function y({
     }));
   }, [e, S, s]), f(() => {
     T && T(o);
-  }, [T, o]), g && !G || S === i.SUCCESS && c.length <= 1 ? null : /* @__PURE__ */ h(C, {
+  }, [T, o]), g && !p || S === i.SUCCESS && c.length <= 1 ? null : /* @__PURE__ */ L(N, {
     agents: c,
+    contentClassName: l,
     onErrorAction: A,
     recordAction: r,
     requestState: S,
-    selectedAgent: o
+    selectedAgent: o,
+    triggerChipClassName: G
   });
 }
 export {
-  y as BoxAiAgentSelectorWithApi,
-  y as default
+  F as BoxAiAgentSelectorWithApi,
+  F as default
 };

package/esm/lib/box-ai-agent-selector.js

@@ -1,63 +1,66 @@
 import "../../styles/box-ai-agent-selector.css";
-import { useFullTextTooltip as B, FilterChip as c, Popover as p, Tooltip as v, Status as w, LoadingIndicator as P, SmallList as A, Button as D } from "@box/blueprint-web";
-import { AlertBadge as M } from "@box/blueprint-web-assets/icons/Fill";
-import { useState as F, useRef as j, useEffect as K, useCallback as x } from "react";
-import { useIntl as U } from "react-intl";
-import { BoxAiAgent as Q } from "./box-ai-agent.js";
+import { useFullTextTooltip as P, FilterChip as c, Popover as m, Tooltip as A, Status as D, LoadingIndicator as M, SmallList as F, Button as j } from "@box/blueprint-web";
+import { AlertBadge as K } from "@box/blueprint-web-assets/icons/Fill";
+import x from "clsx";
+import { useState as U, useRef as Q, useEffect as V, useCallback as N } from "react";
+import { useIntl as W } from "react-intl";
+import { BoxAiAgent as Y } from "./box-ai-agent.js";
 import { LOGGER_BASE_CONFIG as L, LOGGER_ACTION_CLICK as f, LOGGER_TARGET as E } from "./constants.js";
-import { ACTIONS as V } from "./contexts/actions.js";
-import { useAgentsDispatch as W } from "./contexts/context.js";
+import { ACTIONS as z } from "./contexts/actions.js";
+import { useAgentsDispatch as H } from "./contexts/context.js";
 import r from "./messages.js";
 import { R as h } from "../../chunks/types.js";
 import { jsx as t, jsxs as u } from "react/jsx-runtime";
-const Y = "_agentSelector_1k90x_1", z = "_agentStatus_1k90x_4", H = "_agentLoader_1k90x_18", J = "_agentError_1k90x_21", X = "_triggerChip_1k90x_24", Z = "_agentLabel_1k90x_29", $ = "_dropdownIndicator_1k90x_35", q = "_agentListItemIcon_1k90x_44", tt = "_agentListContainer_1k90x_49", et = "_agentListRetryButton_1k90x_59", e = {
-  agentSelector: Y,
-  agentStatus: z,
-  agentLoader: H,
-  agentError: J,
-  triggerChip: X,
-  agentLabel: Z,
-  dropdownIndicator: $,
-  agentListItemIcon: q,
-  agentListContainer: tt,
-  agentListRetryButton: et
+const J = "_agentSelector_1k90x_1", X = "_agentStatus_1k90x_4", Z = "_agentLoader_1k90x_18", $ = "_agentError_1k90x_21", q = "_triggerChip_1k90x_24", tt = "_agentLabel_1k90x_29", et = "_dropdownIndicator_1k90x_35", at = "_agentListItemIcon_1k90x_44", nt = "_agentListContainer_1k90x_49", ot = "_agentListRetryButton_1k90x_59", e = {
+  agentSelector: J,
+  agentStatus: X,
+  agentLoader: Z,
+  agentError: $,
+  triggerChip: q,
+  agentLabel: tt,
+  dropdownIndicator: et,
+  agentListItemIcon: at,
+  agentListContainer: nt,
+  agentListRetryButton: ot
 };
-function dt({
-  agents: N,
+function ht({
+  agents: G,
+  contentClassName: O,
   onErrorAction: C,
   recordAction: a,
-  requestState: m,
-  selectedAgent: n
+  requestState: p,
+  selectedAgent: n,
+  triggerChipClassName: b
 }) {
   const {
     formatMessage: o
-  } = U(), [l, _] = F(!1), S = o(r.selectAgent), G = o(r.defaultAgent), I = W(), R = m === h.SUCCESS, d = m === h.IN_PROGRESS, g = m === h.ERROR;
+  } = W(), [l, _] = U(!1), S = o(r.selectAgent), k = o(r.defaultAgent), I = H(), R = p === h.SUCCESS, d = p === h.IN_PROGRESS, g = p === h.ERROR;
   let i = "";
-  R ? i = (n == null ? void 0 : n.name) || S : g && (i = G);
-  const T = j(null), {
-    Wrapper: O,
-    wrapperProps: b
-  } = B({
+  R ? i = (n == null ? void 0 : n.name) || S : g && (i = k);
+  const T = Q(null), {
+    Wrapper: y,
+    wrapperProps: B
+  } = P({
     ref: T,
     textValue: i
   });
-  K(() => {
+  V(() => {
     l && a && a({
       ...L,
       action: f,
       target: E.OPEN_SELECTOR
     });
   }, [l, a]);
-  const k = x((s) => {
+  const v = N((s) => {
     _(!1), I({
-      type: V.SET_SELECTED_AGENT,
+      type: z.SET_SELECTED_AGENT,
       id: s.id
     }), a && a({
       ...L,
       action: f,
       target: E.SELECT_AGENT
     });
-  }, [I, a]), y = x(() => {
+  }, [I, a]), w = N(() => {
     _(!1), C(), a && a({
       ...L,
       action: f,
@@ -65,38 +68,38 @@ function dt({
     });
   }, [C, a]);
   return /* @__PURE__ */ t(c.Group, {
-    className: e.agentSelector,
+    className: x([e.agentSelector, b]),
     name: S,
     type: "multiple",
-    children: /* @__PURE__ */ u(p.Root, {
+    children: /* @__PURE__ */ u(m.Root, {
       modal: !1,
       onOpenChange: _,
       open: l,
-      children: [/* @__PURE__ */ t(v, {
+      children: [/* @__PURE__ */ t(A, {
         content: o(r.errorTooltip),
         hidden: !g || l,
         side: "bottom",
         variant: "error",
-        children: /* @__PURE__ */ t(p.Trigger, {
+        children: /* @__PURE__ */ t(m.Trigger, {
           disabled: d,
           children: /* @__PURE__ */ u(c.TriggerChip, {
             className: e.triggerChip,
             value: "trigger-chip",
-            children: [/* @__PURE__ */ t(w, {
+            children: [/* @__PURE__ */ t(D, {
               className: e.agentStatus,
               colorIndex: 0,
               text: o(r.agent)
-            }), d && /* @__PURE__ */ t(P, {
+            }), d && /* @__PURE__ */ t(M, {
               "aria-label": o(r.loadingMessage),
               className: e.agentLoader,
               variant: "default"
-            }), g && /* @__PURE__ */ t(M, {
+            }), g && /* @__PURE__ */ t(K, {
               className: e.agentError,
               height: "1rem",
               role: "presentation",
               width: "1rem"
-            }), /* @__PURE__ */ t(O, {
-              ...b,
+            }), /* @__PURE__ */ t(y, {
+              ...B,
               content: i,
               children: /* @__PURE__ */ t(c.Label, {
                 ref: T,
@@ -109,20 +112,20 @@ function dt({
             })]
           })
         })
-      }), /* @__PURE__ */ t(p.ContentContainer, {
+      }), /* @__PURE__ */ t(m.ContentContainer, {
         align: "start",
         className: e.agentListContainer,
-        children: /* @__PURE__ */ u(p.MainContent, {
-          children: [R && /* @__PURE__ */ t(A, {
-            className: e.agentList,
+        children: /* @__PURE__ */ u(m.MainContent, {
+          children: [R && /* @__PURE__ */ t(F, {
+            className: x([e.agentList, O]),
             selectedKeys: [(n == null ? void 0 : n.id) || ""],
-            children: N.map((s) => /* @__PURE__ */ t(Q, {
+            children: G.map((s) => /* @__PURE__ */ t(Y, {
               agent: s,
-              onAction: () => k(s)
+              onAction: () => v(s)
             }, s.id))
-          }), g && /* @__PURE__ */ t(D, {
+          }), g && /* @__PURE__ */ t(j, {
             className: e.agentListRetryButton,
-            onClick: y,
+            onClick: w,
             variant: "tertiary",
             children: o(r.errorMessage)
           })]
@@ -132,6 +135,6 @@ function dt({
   });
 }
 export {
-  dt as BoxAiAgentSelector,
-  dt as default
+  ht as BoxAiAgentSelector,
+  ht as default
 };

package/esm/lib/constants.js

@@ -1,4 +1,4 @@
-const G = "click", E = "programmatic", e = "selector", t = "agentSelector", o = {
+const t = "click", o = "keypress", E = "programmatic", e = "selector", G = "agentSelector", O = {
   LOADED_AGENTS: "loadedAgents",
   ERROR_LOADING_AGENTS: "errorLoadingAgents",
   RETRY_LOADING_AGENTS: "retryLoadingAgents",
@@ -7,13 +7,14 @@ const G = "click", E = "programmatic", e = "selector", t = "agentSelector", o =
 }, A = {
   action: E,
   component: e,
-  feature: t
+  feature: G
 };
 export {
-  G as LOGGER_ACTION_CLICK,
+  t as LOGGER_ACTION_CLICK,
+  o as LOGGER_ACTION_KEYPRESS,
   E as LOGGER_ACTION_PROGRAMMATIC,
   A as LOGGER_BASE_CONFIG,
   e as LOGGER_COMPONENT,
-  t as LOGGER_FEATURE,
-  o as LOGGER_TARGET
+  G as LOGGER_FEATURE,
+  O as LOGGER_TARGET
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/box-ai-agent-selector",
-  "version": "0.13.0",
+  "version": "0.13.2",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {
     "@box/blueprint-web": "^7.31.1",
@@ -10,7 +10,7 @@
     "react-intl": "^6.4.2"
   },
   "devDependencies": {
-    "@box/blueprint-web": "^8.3.1",
+    "@box/blueprint-web": "^8.4.0",
     "@box/blueprint-web-assets": "^4.28.0",
     "@box/eslint-plugin-blueprint": "*",
     "@box/storybook-utils": "^0.7.0",
@@ -46,5 +46,5 @@
   "sideEffects": [
     "**/*.css"
   ],
-  "gitHead": "bef9db208515d53f0fb75d387d1740b389f6f753"
+  "gitHead": "057276bec06cb3038669d8e87106aaa2bd86c718"
 }

package/types/lib/box-ai-agent-selector-with-api-container.d.ts

@@ -1,3 +1,3 @@
 import { type BoxAiAgentSelectorWithApiProps } from './types';
-export declare function BoxAiAgentSelectorWithApiContainer({ fetcher, hostAppName, onSelectAgent, recordAction, requestState, shouldHideAgentSelectorOnLoad, }: BoxAiAgentSelectorWithApiProps): import("react/jsx-runtime").JSX.Element;
+export declare function BoxAiAgentSelectorWithApiContainer({ fetcher, hostAppName, onSelectAgent, recordAction, requestState, shouldHideAgentSelectorOnLoad, triggerChipClassName, contentClassName, }: BoxAiAgentSelectorWithApiProps): import("react/jsx-runtime").JSX.Element;
 export default BoxAiAgentSelectorWithApiContainer;

package/types/lib/box-ai-agent-selector-with-api.d.ts

@@ -1,3 +1,3 @@
 import { type BoxAiAgentSelectorWithApiProps } from './types';
-export declare function BoxAiAgentSelectorWithApi({ fetcher, hostAppName, onSelectAgent, recordAction, requestState: requestStateProp, shouldHideAgentSelectorOnLoad, }: BoxAiAgentSelectorWithApiProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function BoxAiAgentSelectorWithApi({ fetcher, hostAppName, onSelectAgent, recordAction, requestState: requestStateProp, shouldHideAgentSelectorOnLoad, triggerChipClassName, contentClassName, }: BoxAiAgentSelectorWithApiProps): import("react/jsx-runtime").JSX.Element | null;
 export default BoxAiAgentSelectorWithApi;

package/types/lib/box-ai-agent-selector.d.ts

@@ -1,3 +1,3 @@
 import { type BoxAiAgentSelectorProps } from './types';
-export declare function BoxAiAgentSelector({ agents, onErrorAction, recordAction, requestState, selectedAgent, }: BoxAiAgentSelectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function BoxAiAgentSelector({ agents, contentClassName, onErrorAction, recordAction, requestState, selectedAgent, triggerChipClassName, }: BoxAiAgentSelectorProps): import("react/jsx-runtime").JSX.Element;
 export default BoxAiAgentSelector;

package/types/lib/constants.d.ts

@@ -1,5 +1,6 @@
 import { type RecordActionType } from './types';
 export declare const LOGGER_ACTION_CLICK = "click";
+export declare const LOGGER_ACTION_KEYPRESS = "keypress";
 export declare const LOGGER_ACTION_PROGRAMMATIC = "programmatic";
 export declare const LOGGER_COMPONENT = "selector";
 export declare const LOGGER_FEATURE = "agentSelector";

package/types/lib/types.d.ts

@@ -1,4 +1,4 @@
-import { type LOGGER_ACTION_CLICK, type LOGGER_ACTION_PROGRAMMATIC } from './constants';
+import { type LOGGER_ACTION_CLICK, type LOGGER_ACTION_KEYPRESS, type LOGGER_ACTION_PROGRAMMATIC } from './constants';
 import { type ACTIONS } from './contexts';
 export type AgentType = {
     id: string;
@@ -31,15 +31,21 @@ export type AgentListResponse = {
     agents: AgentType[];
 };
 export type RecordActionType = {
-    action: typeof LOGGER_ACTION_CLICK | typeof LOGGER_ACTION_PROGRAMMATIC;
+    action: typeof LOGGER_ACTION_CLICK | typeof LOGGER_ACTION_PROGRAMMATIC | typeof LOGGER_ACTION_KEYPRESS;
     data?: {
         hostAppName?: string;
+        agentSelected?: string;
+        index?: number;
+        count?: number;
+        errorType?: string;
+        selectedQuestion?: string;
     };
     component: string;
     feature: string;
     target?: string;
 };
 export interface BoxAiAgentSelectorWithApiProps {
+    contentClassName?: string;
     /**
      * Function responsible for fetching the list of agents,
      * typically passed from the parent component.
@@ -65,8 +71,10 @@ export interface BoxAiAgentSelectorWithApiProps {
      * @default true
      */
     shouldHideAgentSelectorOnLoad?: boolean;
+    triggerChipClassName?: string;
 }
 export interface BoxAiAgentSelectorProps {
+    contentClassName?: string;
     /**
      * Array of available agents to select from.
      */
@@ -87,4 +95,5 @@ export interface BoxAiAgentSelectorProps {
      * The currently selected agent, or null if no agent is selected.
      */
     selectedAgent: AgentType | null;
+    triggerChipClassName?: string;
 }