@box/box-ai-agent-selector 0.33.1 → 0.33.2

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

@@ -1,9 +1,9 @@
 import { useState as I, useCallback as m, useEffect as f } from "react";
 import { BoxAiAgentSelector as L } from "./box-ai-agent-selector.js";
 import { LOGGER_BASE_CONFIG as a, LOGGER_TARGET as l } from "./constants.js";
-import { ACTIONS as S } from "./contexts/actions.js";
+import { ACTIONS as E } from "./contexts/actions.js";
 import { useAgentsDispatch as U, useAgents as x } from "./contexts/context.js";
-import { R as r } from "../../chunks/types.js";
+import { R as S } from "../../chunks/types.js";
 import { jsx as D } from "react/jsx-runtime";
 function k({
   fetcher: u,
@@ -20,19 +20,19 @@ function k({
 }) {
   const e = U(), {
     agents: A,
-    requestState: E,
+    requestState: r,
     selectedAgent: n
   } = x(), [d, _] = I(!1), o = m((t) => {
     T && (t.data ?? (t.data = {}), t.data.hostAppName = R, T(t));
   }, [R, T]), c = m(async () => {
     e({
-      type: S.SET_REQUEST_STATE,
-      requestState: r.IN_PROGRESS
+      type: E.SET_REQUEST_STATE,
+      requestState: S.IN_PROGRESS
     });
     try {
       const t = await u();
       e({
-        type: S.SET_AGENT_LIST,
+        type: E.SET_AGENT_LIST,
         agents: t.agents
       }), o({
         ...a,
@@ -40,36 +40,36 @@ function k({
       });
     } catch {
       e({
-        type: S.SET_REQUEST_STATE,
-        requestState: r.ERROR
+        type: E.SET_REQUEST_STATE,
+        requestState: S.ERROR
       }), o({
         ...a,
         target: l.ERROR_LOADING_AGENTS
       });
     }
-  }, [e, o, u]), g = E !== r.SUCCESS || !A.length || !n;
+  }, [e, o, u]), g = r !== S.SUCCESS || !A.length || !n;
   return f(() => {
     g ? c().finally(() => {
       _(!0);
     }) : _(!0);
   }, [c, g]), f(() => {
-    s && s !== E && (s !== r.SUCCESS && e({
-      type: S.SET_AGENT_LIST,
+    s && s !== r && (s !== S.SUCCESS && e({
+      type: E.SET_AGENT_LIST,
       agents: []
     }), e({
-      type: S.SET_REQUEST_STATE,
+      type: E.SET_REQUEST_STATE,
       requestState: s
     }));
-  }, [e, E, s]), f(() => {
+  }, [e, s]), f(() => {
     i && i(n);
-  }, [i, n]), h && !d || E === r.SUCCESS && A.length <= 1 ? null : /* @__PURE__ */ D(L, {
+  }, [i, n]), h && !d || r === S.SUCCESS && A.length <= 1 ? null : /* @__PURE__ */ D(L, {
     agents: A,
     contentClassName: O,
     disabled: G,
     onAgentsListOpen: C,
     onErrorAction: c,
     recordAction: o,
-    requestState: E,
+    requestState: r,
     selectedAgent: n,
     triggerChipClassName: p,
     variant: N

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

@@ -1,114 +1,114 @@
-import { useFullTextTooltip as X, FilterChip as c, Popover as d, Tooltip as Z, Status as $, LoadingIndicator as q, SmallList as tt, Button as et } from "@box/blueprint-web";
+import { useFullTextTooltip as X, FilterChip as p, Popover as m, Tooltip as Z, Status as $, LoadingIndicator as q, SmallList as tt, Button as et } from "@box/blueprint-web";
 import { AlertBadge as at } from "@box/blueprint-web-assets/icons/Fill";
-import m from "clsx";
-import { useState as B, useRef as rt, useEffect as ot, useCallback as f } from "react";
+import f from "clsx";
+import { useState as P, useRef as ot, useEffect as rt, useCallback as d } from "react";
 import { useIntl as nt } from "react-intl";
-import { BoxAiAgent as st } from "./box-ai-agent.js";
-import { LOGGER_BASE_CONFIG as E, LOGGER_ACTION_CLICK as S, LOGGER_TARGET as T } from "./constants.js";
-import { ACTIONS as it } from "./contexts/actions.js";
+import { BoxAiAgent as it } from "./box-ai-agent.js";
+import { LOGGER_BASE_CONFIG as S, LOGGER_ACTION_CLICK as T, LOGGER_TARGET as R } from "./constants.js";
+import { ACTIONS as st } from "./contexts/actions.js";
 import { useAgentsDispatch as lt } from "./contexts/context.js";
-import s from "./messages.js";
-import { R } from "../../chunks/types.js";
-import { jsx as e, jsxs as I } from "react/jsx-runtime";
-import '../../styles/box-ai-agent-selector.css';const pt = "_agentSelector_prbzs_1", gt = "_agentStatus_prbzs_4", ct = "_agentLoader_prbzs_18", dt = "_agentError_prbzs_21", mt = "_triggerChip_prbzs_24", ft = "_agentLabel_prbzs_30", _t = "_dropdownIndicator_prbzs_36", Lt = "_sidebar_prbzs_51", ht = "_agentListItemIcon_prbzs_64", ut = "_agentListContainer_prbzs_69", Ct = "_agentListRetryButton_prbzs_99", a = {
-  agentSelector: pt,
+import i from "./messages.js";
+import { R as I } from "../../chunks/types.js";
+import { jsx as e, jsxs as y } from "react/jsx-runtime";
+import '../../styles/box-ai-agent-selector.css';const ct = "_agentSelector_hcmlf_1", gt = "_agentStatus_hcmlf_4", pt = "_agentLoader_hcmlf_17", mt = "_agentError_hcmlf_20", ft = "_triggerChip_hcmlf_23", dt = "_agentLabel_hcmlf_29", ht = "_dropdownIndicator_hcmlf_35", _t = "_sidebar_hcmlf_50", Lt = "_agentListItemIcon_hcmlf_63", ut = "_agentListContainer_hcmlf_68", Ct = "_agentListRetryButton_hcmlf_98", a = {
+  agentSelector: ct,
   agentStatus: gt,
-  agentLoader: ct,
-  agentError: dt,
-  triggerChip: mt,
-  agentLabel: ft,
-  dropdownIndicator: _t,
-  sidebar: Lt,
-  agentListItemIcon: ht,
+  agentLoader: pt,
+  agentError: mt,
+  triggerChip: ft,
+  agentLabel: dt,
+  dropdownIndicator: ht,
+  sidebar: _t,
+  agentListItemIcon: Lt,
   agentListContainer: ut,
   agentListRetryButton: Ct
 };
-function At({
-  agents: _,
-  contentClassName: P,
-  onErrorAction: y,
-  recordAction: r,
-  requestState: L,
-  disabled: k,
+function xt({
+  agents: h,
+  contentClassName: k,
+  onErrorAction: b,
+  recordAction: o,
+  requestState: _,
+  disabled: D,
   onAgentsListOpen: N,
-  selectedAgent: i,
-  triggerChipClassName: D,
-  variant: K = "modal"
+  selectedAgent: s,
+  triggerChipClassName: K,
+  variant: v = "modal"
 }) {
   const {
-    formatMessage: o
-  } = nt(), [l, p] = B(!1), n = L === R.ERROR, [v, h] = B(n), w = lt(), O = L === R.SUCCESS, u = L === R.IN_PROGRESS, G = o(s.selectAgent), M = o(s.defaultAgent);
+    formatMessage: r
+  } = nt(), [l, c] = P(!1), n = _ === I.ERROR, [M, L] = P(n), w = lt(), O = _ === I.SUCCESS, u = _ === I.IN_PROGRESS, G = r(i.selectAgent), F = r(i.defaultAgent);
   let g = "";
-  O ? g = (i == null ? void 0 : i.name) || G : n && (g = M);
-  const z = rt(null), {
-    Wrapper: F,
-    wrapperProps: U
+  O ? g = (s == null ? void 0 : s.name) || G : n && (g = F);
+  const A = ot(null), {
+    Wrapper: U,
+    wrapperProps: j
   } = X({
-    ref: z,
+    ref: A,
     textValue: g
   });
-  ot(() => {
-    l && r && r({
-      ...E,
-      action: S,
-      target: T.OPEN_SELECTOR
+  rt(() => {
+    l && o && o({
+      ...S,
+      action: T,
+      target: R.OPEN_SELECTOR
     });
-  }, [l, r]);
-  const C = f((t) => {
-    p(!1), w({
-      type: it.SET_SELECTED_AGENT,
+  }, [l, o]);
+  const C = d((t) => {
+    c(!1), w({
+      type: st.SET_SELECTED_AGENT,
       id: t.id
-    }), r && r({
-      ...E,
-      action: S,
-      target: T.SELECT_AGENT
+    }), o && o({
+      ...S,
+      action: T,
+      target: R.SELECT_AGENT
     });
-  }, [w, r]), j = f(() => {
-    p(!1), y(), r && r({
-      ...E,
-      action: S,
-      target: T.RETRY_LOADING_AGENTS
+  }, [w, o]), Q = d(() => {
+    c(!1), b(), o && o({
+      ...S,
+      action: T,
+      target: R.RETRY_LOADING_AGENTS
     });
-  }, [y, r]), Q = f((t) => {
-    if (t.key === "Escape" && (p(!1), t.stopPropagation()), t.key === " ") {
-      const A = t.target;
-      if (A) {
-        const H = A.getAttribute("data-key"), x = _.find((J) => J.id === H);
-        x && C(x);
+  }, [b, o]), V = d((t) => {
+    if (t.key === "Escape" && (c(!1), t.stopPropagation()), t.key === " ") {
+      const x = t.target;
+      if (x) {
+        const H = x.getAttribute("data-key"), B = h.find((J) => J.id === H);
+        B && C(B);
       }
     }
-  }, [_, C]), V = f((t) => h(n && n && !l && t ? t : !1), [n, l]), W = (t) => {
-    t && N && N(), p(t);
-  }, b = K === "sidebar" && a.sidebar, Y = (t) => {
+  }, [h, C]), W = d((t) => L(n && n && !l && t ? t : !1), [n, l]), Y = (t) => {
+    t && N && N(), c(t);
+  }, E = v === "sidebar" && a.sidebar, z = (t) => {
     (t.key === "ArrowUp" || t.key === "ArrowDown" || t.key === "ArrowLeft" || t.key === "ArrowRight") && t.stopPropagation();
   };
-  return /* @__PURE__ */ e(c.Group, {
-    className: m(a.agentSelector, D, b),
+  return /* @__PURE__ */ e(p.Group, {
+    className: f(a.agentSelector, K, E),
     name: G,
-    onKeyDown: Y,
+    onKeyDown: z,
     type: "multiple",
-    children: /* @__PURE__ */ I(d.Root, {
+    children: /* @__PURE__ */ y(m.Root, {
       modal: !1,
-      onOpenChange: W,
+      onOpenChange: Y,
       open: l,
       children: [/* @__PURE__ */ e(Z, {
-        content: o(s.errorTooltip),
-        onOpenChange: V,
-        open: v,
+        content: r(i.errorTooltip),
+        onOpenChange: W,
+        open: M,
         side: "bottom",
         variant: "error",
-        children: /* @__PURE__ */ e(d.Trigger, {
-          disabled: k || u,
-          children: /* @__PURE__ */ I(c.TriggerChip, {
+        children: /* @__PURE__ */ e(m.Trigger, {
+          disabled: D || u,
+          children: /* @__PURE__ */ y(p.TriggerChip, {
             className: a.triggerChip,
             "data-target-id": "FilterChip.TriggerChip-agentSelectorTrigger",
             value: "trigger-chip",
             children: [/* @__PURE__ */ e($, {
               className: a.agentStatus,
               colorIndex: 0,
-              text: o(s.agent)
+              text: r(i.agent)
             }), u && /* @__PURE__ */ e(q, {
-              "aria-label": o(s.loadingMessage),
+              "aria-label": r(i.loadingMessage),
               className: a.agentLoader,
               variant: "default"
             }), n && /* @__PURE__ */ e(at, {
@@ -116,38 +116,38 @@ function At({
               height: "1rem",
               role: "presentation",
               width: "1rem"
-            }), /* @__PURE__ */ e(F, {
-              ...U,
-              children: /* @__PURE__ */ e(c.Label, {
-                ref: z,
+            }), /* @__PURE__ */ e(U, {
+              ...j,
+              children: /* @__PURE__ */ e(p.Label, {
+                ref: A,
                 className: a.agentLabel,
                 children: g
               })
             }), !u && /* @__PURE__ */ e("div", {
               className: a.dropdownIndicator,
-              children: /* @__PURE__ */ e(c.DropdownIndicator, {})
+              children: /* @__PURE__ */ e(p.DropdownIndicator, {})
             })]
           })
         })
-      }), /* @__PURE__ */ e(d.ContentContainer, {
+      }), /* @__PURE__ */ e(m.ContentContainer, {
         align: "start",
-        className: m(a.agentListContainer, b),
-        onKeyDownCapture: Q,
-        children: /* @__PURE__ */ I(d.MainContent, {
+        className: f(a.agentListContainer, E),
+        onKeyDownCapture: V,
+        children: /* @__PURE__ */ y(m.MainContent, {
           children: [O && /* @__PURE__ */ e(tt, {
-            "aria-label": o(s.agentList),
-            className: m([a.agentList, P]),
-            selectedKeys: [(i == null ? void 0 : i.id) || ""],
-            children: _.map((t) => /* @__PURE__ */ e(st, {
+            "aria-label": r(i.agentList),
+            className: f([a.agentList, k]),
+            selectedKeys: [(s == null ? void 0 : s.id) || ""],
+            children: h.map((t) => /* @__PURE__ */ e(it, {
               agent: t,
               onAction: () => C(t)
             }, t.id))
           }), n && /* @__PURE__ */ e(et, {
-            className: m(a.agentListRetryButton, b),
-            onClick: j,
+            className: f(a.agentListRetryButton, E),
+            onClick: Q,
             variant: "tertiary",
             "data-target-id": "Button-errorMessage",
-            children: o(s.errorMessage)
+            children: r(i.errorMessage)
           })]
         })
       })]
@@ -155,6 +155,6 @@ function At({
   });
 }
 export {
-  At as BoxAiAgentSelector,
-  At as default
+  xt as BoxAiAgentSelector,
+  xt as default
 };

package/dist/styles/box-ai-agent-selector.css

@@ -1 +1 @@
-._agentSelector_prbzs_1{margin-inline-start:.75rem}._agentSelector_prbzs_1 ._agentStatus_prbzs_4{margin-inline-start:.5rem}._agentSelector_prbzs_1 ._agentStatus_prbzs_4>span{background:linear-gradient(#f4f4f4 0,#f4f4f4 0) padding-box,linear-gradient(135deg,#fe01da,#2486fc) border-box;border:.0625rem solid rgba(0,0,0,0)}._agentSelector_prbzs_1 ._agentStatus_prbzs_4>span span{color:transparent;text-transform:uppercase;background:linear-gradient(135deg,#fe01da,#2486fc);-webkit-background-clip:text;background-clip:text}._agentSelector_prbzs_1 ._agentLoader_prbzs_18{position:inherit}._agentSelector_prbzs_1 ._agentError_prbzs_21 path{fill:#d5324e}._agentSelector_prbzs_1 ._triggerChip_prbzs_24{display:flex;max-width:376px;text-align:start;background-color:#faf5fe}._agentSelector_prbzs_1 ._triggerChip_prbzs_24 ._agentLabel_prbzs_30{flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._agentSelector_prbzs_1 ._triggerChip_prbzs_24 ._dropdownIndicator_prbzs_36{flex-shrink:0;margin-inline-start:0}._agentSelector_prbzs_1 ._triggerChip_prbzs_24 ._dropdownIndicator_prbzs_36 svg{margin-inline-start:0}._agentSelector_prbzs_1 ._triggerChip_prbzs_24:disabled ._dropdownIndicator_prbzs_36{opacity:.3}@media (max-width: 374px){._agentSelector_prbzs_1 ._triggerChip_prbzs_24{width:100%}}._agentSelector_prbzs_1._sidebar_prbzs_51{margin:0 .25rem 0 0;margin-inline-start:0}@media (max-width: 767px){._agentSelector_prbzs_1._sidebar_prbzs_51{width:100%}}._agentSelector_prbzs_1._sidebar_prbzs_51 ._triggerChip_prbzs_24{max-width:246px}._agentListItemIcon_prbzs_64{width:2rem;height:2rem}._agentListContainer_prbzs_69{min-width:320px;max-width:376px;width:360px}@media (max-width: 376px){._agentListContainer_prbzs_69{max-width:320px}}._agentListContainer_prbzs_69>div{padding:var(--space-3)}._agentListContainer_prbzs_69._sidebar_prbzs_51{min-width:320px;max-width:360px;transform:translate(-6px)}@media (max-width: 360px){._agentListContainer_prbzs_69._sidebar_prbzs_51{max-width:320px}}@media (max-width: 767px){._agentListContainer_prbzs_69._sidebar_prbzs_51{max-width:unset;width:auto}}._agentListRetryButton_prbzs_99{max-width:320px;margin:.25rem;text-wrap:wrap}._agentListRetryButton_prbzs_99._sidebar_prbzs_51{max-width:184px}
+._agentSelector_hcmlf_1{margin-inline-start:.75rem}._agentSelector_hcmlf_1 ._agentStatus_hcmlf_4{margin-inline-start:.5rem}._agentSelector_hcmlf_1 ._agentStatus_hcmlf_4>span{background:linear-gradient(#f4f4f4 0,#f4f4f4 0) padding-box,linear-gradient(135deg,#fe01da,#2486fc) border-box;border:.0625rem solid rgba(0,0,0,0)}._agentSelector_hcmlf_1 ._agentStatus_hcmlf_4>span span{color:transparent;text-transform:uppercase;background:linear-gradient(135deg,#fe01da,#2486fc);-webkit-background-clip:text;background-clip:text}._agentSelector_hcmlf_1 ._agentLoader_hcmlf_17{position:inherit}._agentSelector_hcmlf_1 ._agentError_hcmlf_20 path{fill:#d5324e}._agentSelector_hcmlf_1 ._triggerChip_hcmlf_23{display:flex;max-width:376px;text-align:start;background-color:#faf5fe}._agentSelector_hcmlf_1 ._triggerChip_hcmlf_23 ._agentLabel_hcmlf_29{flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._agentSelector_hcmlf_1 ._triggerChip_hcmlf_23 ._dropdownIndicator_hcmlf_35{flex-shrink:0;margin-inline-start:0}._agentSelector_hcmlf_1 ._triggerChip_hcmlf_23 ._dropdownIndicator_hcmlf_35 svg{margin-inline-start:0}._agentSelector_hcmlf_1 ._triggerChip_hcmlf_23:disabled ._dropdownIndicator_hcmlf_35{opacity:.3}@media (max-width: 374px){._agentSelector_hcmlf_1 ._triggerChip_hcmlf_23{width:100%}}._agentSelector_hcmlf_1._sidebar_hcmlf_50{margin:0 .25rem 0 0;margin-inline-start:0}@media (max-width: 767px){._agentSelector_hcmlf_1._sidebar_hcmlf_50{width:100%}}._agentSelector_hcmlf_1._sidebar_hcmlf_50 ._triggerChip_hcmlf_23{max-width:246px}._agentListItemIcon_hcmlf_63{width:2rem;height:2rem}._agentListContainer_hcmlf_68{min-width:320px;max-width:376px;width:360px}@media (max-width: 376px){._agentListContainer_hcmlf_68{max-width:320px}}._agentListContainer_hcmlf_68>div{padding:var(--space-3)}._agentListContainer_hcmlf_68._sidebar_hcmlf_50{min-width:320px;max-width:360px;transform:translate(-6px)}@media (max-width: 360px){._agentListContainer_hcmlf_68._sidebar_hcmlf_50{max-width:320px}}@media (max-width: 767px){._agentListContainer_hcmlf_68._sidebar_hcmlf_50{max-width:unset;width:auto}}._agentListRetryButton_hcmlf_98{max-width:320px;margin:.25rem;text-wrap:wrap}._agentListRetryButton_hcmlf_98._sidebar_hcmlf_50{max-width:184px}

package/dist/types/lib/stories/shared.d.ts

@@ -1,8 +1,13 @@
 import { BoxAiAgentSelectorWithApiProps } from '../../index';
+import { REQUEST_STATE } from '../types';
 export declare const defaultBoxAiAgentSelectorProps: {
     fetcher: () => Promise<{
         agents: import('../types').AgentType[];
     }>;
 };
 export declare const DefaultBoxAiAgentSelectorWithApiContainer: (props: BoxAiAgentSelectorWithApiProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BoxAiAgentSelectorWithApiContainerWithChangedRequestState: ({ changeTimeout, newRequestState, ...args }: BoxAiAgentSelectorWithApiProps & {
+    changeTimeout: number;
+    newRequestState: REQUEST_STATE;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const BoxAiAgentSelectorWithProvider: (props: BoxAiAgentSelectorWithApiProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/box-ai-agent-selector",
-    "version": "0.33.1",
+    "version": "0.33.2",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^7.31.1",
@@ -11,7 +11,7 @@
     },
     "devDependencies": {
         "@box/babel-plugin-target-attributes": "1.3.0",
-        "@box/blueprint-web": "^9.19.0",
+        "@box/blueprint-web": "^9.19.1",
         "@box/blueprint-web-assets": "^4.37.1",
         "@box/eslint-plugin-blueprint": "^1.0.3",
         "@box/storybook-utils": "^0.8.3",