@box/box-ai-content-answers 0.73.0 → 0.73.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/esm/lib/components/footer/footer.js +97 -89
  2. package/package.json +3 -3
  3. package/styles/footer.css +1 -1
package/esm/lib/components/footer/footer.js CHANGED
@@ -1,139 +1,147 @@
1
1
  import "../../../../styles/footer.css";
2
- import D from "clsx";
3
- import * as e from "react";
4
- import { useIntl as V } from "react-intl";
5
- import { useBreakpoint as Y, Breakpoint as q, Avatar as J, TextArea as Q, Button as Z } from "@box/blueprint-web";
6
- import { ArrowUp as g } from "@box/blueprint-web-assets/icons/Line";
7
- import { useAgents as P } from "@box/box-ai-agent-selector";
8
- import { useAgents as tt } from "../../contexts/AgentsContext.js";
9
- import { FooterActions as at } from "./footer-actions.js";
10
- import et from "../../messages.js";
11
- import { getAIAgentConfig as z } from "../common/agentUtils.js";
12
- import { isDebugModeTrigger as rt, isEnterTrigger as st } from "../common/keyInputUtils.js";
2
+ import V from "clsx";
3
+ import * as r from "react";
4
+ import { useIntl as Y } from "react-intl";
5
+ import { useBreakpoint as g, Breakpoint as q, Avatar as J, TextArea as Q, Button as Z } from "@box/blueprint-web";
6
+ import { ArrowUp as P } from "@box/blueprint-web-assets/icons/Fill";
7
+ import { ArrowUp as tt } from "@box/blueprint-web-assets/icons/Line";
8
+ import { useAgents as at } from "@box/box-ai-agent-selector";
9
+ import { useAgents as rt } from "../../contexts/AgentsContext.js";
10
+ import { FooterActions as et } from "./footer-actions.js";
11
+ import st from "../../messages.js";
12
+ import { getAIAgentConfig as X } from "../common/agentUtils.js";
13
+ import { isDebugModeTrigger as it, isEnterTrigger as ot } from "../common/keyInputUtils.js";
13
14
  import { TEXT_AREA as o } from "./constants.js";
14
- import u from "./messages.js";
15
- import { LOGGER_BASE_CONFIG as R, LOGGER_ACTION_CLICK as it, LOGGER_ACTION_KEYPRESS as ot } from "../common/constants.js";
16
- import { jsxs as w, jsx as f } from "react/jsx-runtime";
17
- const nt = "_questionInput_luzem_1", mt = "_avatar_luzem_11", ut = "_submitButton_luzem_14", lt = "_textArea_luzem_17", ct = "_sidebar_luzem_25", ft = "_submitButtonTooltip_luzem_35", p = {
18
- questionInput: nt,
19
- avatar: mt,
20
- submitButton: ut,
21
- textArea: lt,
22
- sidebar: ct,
23
- submitButtonTooltip: ft
24
- }, Nt = ({
25
- askSuggestedQuestion: h,
26
- contentType: A,
27
- enableDebugMode: k = !1,
28
- hasRequestInProgress: r,
15
+ import c from "./messages.js";
16
+ import { LOGGER_BASE_CONFIG as R, LOGGER_ACTION_CLICK as nt, LOGGER_ACTION_KEYPRESS as mt } from "../common/constants.js";
17
+ import { jsxs as H, jsx as f } from "react/jsx-runtime";
18
+ const ct = "_questionInput_1hh1s_1", ut = "_avatar_1hh1s_11", lt = "_submitButton_1hh1s_14", ft = "_textArea_1hh1s_17", pt = "_sidebar_1hh1s_25", _t = "_submitButtonTooltip_1hh1s_44", p = {
19
+ questionInput: ct,
20
+ avatar: ut,
21
+ submitButton: lt,
22
+ textArea: ft,
23
+ sidebar: pt,
24
+ submitButtonTooltip: _t
25
+ }, Xt = ({
26
+ askSuggestedQuestion: A,
27
+ contentType: k,
28
+ enableDebugMode: L = !1,
29
+ hasRequestInProgress: e,
29
30
  isAgentSelectorEnabled: _,
30
- isAIStudioAgentSelectorEnabled: d,
31
- isDebugModeShown: L,
32
- isStopResponseEnabled: H,
33
- isStreamingEnabled: y,
34
- lastQuestion: M,
35
- onRetryQuestion: T,
31
+ isAIStudioAgentSelectorEnabled: h,
32
+ isDebugModeShown: M,
33
+ isStopResponseEnabled: y,
34
+ isStreamingEnabled: I,
35
+ lastQuestion: T,
36
+ onRetryQuestion: E,
36
37
  onStopQuestion: F,
37
38
  recordAction: s,
38
- sendQuestion: E,
39
- setAskSuggestedQuestion: B,
39
+ sendQuestion: B,
40
+ setAskSuggestedQuestion: G,
40
41
  toggleDebugMode: n,
41
- user: G,
42
- variant: I = "modal"
42
+ user: N,
43
+ variant: K = "modal"
43
44
  }) => {
44
- const N = I === "sidebar", i = V(), K = Y(), a = /* @__PURE__ */ e.createRef(), b = K <= q.Medium || N, [l, O] = e.useState(!0), [j, X] = e.useState(!1), {
45
+ const C = K === "sidebar", i = Y(), U = g(), a = /* @__PURE__ */ r.createRef(), d = U <= q.Medium || C, [u, O] = r.useState(!0), [$, w] = r.useState(!1), {
46
+ selectedAgent: b
47
+ } = rt(), {
45
48
  selectedAgent: v
46
- } = tt(), {
47
- selectedAgent: C
48
- } = P(), x = e.useCallback(() => {
49
+ } = at(), x = r.useCallback(() => {
49
50
  a.current && a.current.focus();
50
- }, [a]), S = e.useCallback(() => {
51
+ }, [a]), j = r.useCallback(() => {
51
52
  var m;
52
53
  let t = ((m = a.current) == null ? void 0 : m.value) ?? "";
53
- a.current && t.length > o.MAX_LENGTH && (a.current.value = t.slice(0, o.MAX_LENGTH), t = a.current.value), X(t.length >= o.MAX_LENGTH), O(t.trim().length === 0);
54
- }, [a]), c = e.useCallback(() => {
55
- if (x(), !r && a.current) {
54
+ a.current && t.length > o.MAX_LENGTH && (a.current.value = t.slice(0, o.MAX_LENGTH), t = a.current.value), w(t.length >= o.MAX_LENGTH), O(t.trim().length === 0);
55
+ }, [a]), l = r.useCallback(() => {
56
+ if (x(), !e && a.current) {
56
57
  const t = {
57
58
  prompt: a.current.value
58
59
  };
59
60
  if (t.prompt && t.prompt.trim()) {
60
- const m = z(_, v, d, C);
61
- E(t, m), a.current.value = "", O(!0), X(!1);
61
+ const m = X(_, b, h, v);
62
+ B(t, m), a.current.value = "", O(!0), w(!1);
62
63
  }
63
- L && n && n();
64
+ M && n && n();
64
65
  }
65
- }, [C, x, r, a, d, _, L, v, E, n]), U = e.useCallback((t) => {
66
- t.preventDefault(), !r && !l && s && s({
66
+ }, [v, x, e, a, h, _, M, b, B, n]), S = r.useCallback((t) => {
67
+ t.preventDefault(), !e && !u && s && s({
67
68
  ...R,
68
- action: it,
69
+ action: nt,
69
70
  target: "ask"
70
- }), c();
71
- }, [r, l, s, c]), W = e.useCallback((t) => {
72
- k && n && rt(t) && n(), st(t) && (t.preventDefault(), !r && !l && s && s({
71
+ }), l();
72
+ }, [e, u, s, l]), W = r.useCallback((t) => {
73
+ L && n && it(t) && n(), ot(t) && (t.preventDefault(), !e && !u && s && s({
73
74
  ...R,
74
- action: ot,
75
+ action: mt,
75
76
  target: "ask"
76
- }), c());
77
- }, [k, r, l, s, c, n]), $ = e.useCallback((t) => {
78
- const m = z(_, v, d, C);
79
- T(t, m);
80
- }, [C, d, _, T, v]);
81
- return e.useEffect(() => {
77
+ }), l());
78
+ }, [L, e, u, s, l, n]), z = r.useCallback((t) => {
79
+ const m = X(_, b, h, v);
80
+ E(t, m);
81
+ }, [v, h, _, E, b]);
82
+ r.useEffect(() => {
82
83
  queueMicrotask(x);
83
- }, []), e.useEffect(() => {
84
- h && a.current && !r && B && (a.current.value = h, c(), B(null));
85
- }, [h]), /* @__PURE__ */ w("div", {
86
- children: [M && /* @__PURE__ */ f(at, {
87
- isStopResponseEnabled: H,
88
- isStreamingEnabled: y,
89
- lastQuestion: M,
90
- onRetryQuestion: $,
84
+ }, []), r.useEffect(() => {
85
+ A && a.current && !e && G && (a.current.value = A, l(), G(null));
86
+ }, [A]);
87
+ function D() {
88
+ if (C)
89
+ return P;
90
+ if (d)
91
+ return tt;
92
+ }
93
+ return /* @__PURE__ */ H("div", {
94
+ children: [T && /* @__PURE__ */ f(et, {
95
+ isStopResponseEnabled: y,
96
+ isStreamingEnabled: I,
97
+ lastQuestion: T,
98
+ onRetryQuestion: z,
91
99
  onStopQuestion: F,
92
100
  recordAction: s
93
- }), /* @__PURE__ */ w("div", {
94
- className: D(p.questionInput, N && p.sidebar),
95
- children: [!b && /* @__PURE__ */ f("div", {
101
+ }), /* @__PURE__ */ H("div", {
102
+ className: V(p.questionInput, C && p.sidebar),
103
+ children: [!d && /* @__PURE__ */ f("div", {
96
104
  className: p.avatar,
97
105
  "data-testid": "content-answers-question-input-avatar",
98
106
  children: /* @__PURE__ */ f(J, {
99
- alt: i.formatMessage(et.userAvatar),
107
+ alt: i.formatMessage(st.userAvatar),
100
108
  colorIndex: 0,
101
- src: G.avatarURL,
102
- text: G.name.charAt(0)
109
+ src: N.avatarURL,
110
+ text: N.name.charAt(0)
103
111
  })
104
112
  }), /* @__PURE__ */ f(Q, {
105
113
  ref: a,
106
114
  className: p.textArea,
107
115
  "data-testid": "content-answers-question-input",
108
- error: j && i.formatMessage(u.maxCharactersReachedError, {
116
+ error: $ && i.formatMessage(c.maxCharactersReachedError, {
109
117
  characterLimit: o.MAX_LENGTH
110
118
  }),
111
119
  hideLabel: !0,
112
- label: i.formatMessage(u.askQuestionPlaceholder, {
113
- type: A
120
+ label: i.formatMessage(c.askQuestionPlaceholder, {
121
+ type: k
114
122
  }),
115
123
  maxLength: o.MAX_LENGTH,
116
- maxRows: b ? o.MAX_ROWS_MOBILE : o.MAX_ROWS,
117
- onChange: S,
124
+ maxRows: d ? o.MAX_ROWS_MOBILE : o.MAX_ROWS,
125
+ onChange: j,
118
126
  onKeyDown: W,
119
- placeholder: i.formatMessage(u.askQuestionPlaceholder, {
120
- type: A
127
+ placeholder: i.formatMessage(c.askQuestionPlaceholder, {
128
+ type: k
121
129
  })
122
130
  }), /* @__PURE__ */ f(Z, {
123
- "aria-label": i.formatMessage(u.ask),
131
+ "aria-label": i.formatMessage(c.ask),
124
132
  className: p.submitButton,
125
133
  "data-testid": "content-answers-submit-button",
126
- disabled: l || r,
127
- icon: b ? g : void 0,
128
- loading: r,
129
- loadingAriaLabel: i.formatMessage(u.askDisabledTooltip),
130
- onClick: U,
134
+ disabled: u || e,
135
+ icon: D(),
136
+ loading: e,
137
+ loadingAriaLabel: i.formatMessage(c.askDisabledTooltip),
138
+ onClick: S,
131
139
  size: "large",
132
- children: b ? void 0 : i.formatMessage(u.ask)
140
+ children: d ? void 0 : i.formatMessage(c.ask)
133
141
  })]
134
142
  })]
135
143
  });
136
144
  };
137
145
  export {
138
- Nt as Footer
146
+ Xt as Footer
139
147
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/box-ai-content-answers",
3
- "version": "0.73.0",
3
+ "version": "0.73.1",
4
4
  "peerDependencies": {
5
5
  "@box/blueprint-web": "^7.8.0",
6
6
  "@box/blueprint-web-assets": "^4.16.0",
@@ -16,7 +16,7 @@
16
16
  "devDependencies": {
17
17
  "@box/blueprint-web": "^9.3.1",
18
18
  "@box/blueprint-web-assets": "^4.30.1",
19
- "@box/box-ai-agent-selector": "^0.17.13",
19
+ "@box/box-ai-agent-selector": "^0.17.14",
20
20
  "@box/storybook-utils": "^0.8.0",
21
21
  "@testing-library/react": "^15.0.6",
22
22
  "react": "^18.3.0",
@@ -54,5 +54,5 @@
54
54
  "**/*.css"
55
55
  ],
56
56
  "license": "SEE LICENSE IN LICENSE",
57
- "gitHead": "1f96e1f29f91f05d22c0e29fb13a6f4e94a7b928"
57
+ "gitHead": "a5de5c04371f4e8fcf9ea7471aba3e6aaa05f704"
58
58
  }
package/styles/footer.css CHANGED
@@ -1 +1 @@
1
- ._questionInput_luzem_1{position:relative;z-index:1;display:flex;flex:1 1 auto;align-items:end;padding:1rem 1.25rem;background:#fff;box-shadow:0 0 8px #0000000d,0 -1px #e8e8e8}._questionInput_luzem_1 ._avatar_luzem_11{margin-bottom:.25rem}._questionInput_luzem_1 ._submitButton_luzem_14{margin:0}._questionInput_luzem_1 ._textArea_luzem_17{gap:0;width:100%;margin:0 1rem}._questionInput_luzem_1 ._textArea_luzem_17 textarea{border:none}._questionInput_luzem_1._sidebar_luzem_25{padding:1rem}._questionInput_luzem_1._sidebar_luzem_25 ._textArea_luzem_17{margin:0 .75rem 0 0}._questionInput_luzem_1._sidebar_luzem_25 ._textArea_luzem_17 textarea{width:100%}._submitButtonTooltip_luzem_35{text-align:center}@media (max-width: 767px){._questionInput_luzem_1{padding:1rem}._questionInput_luzem_1 ._textArea_luzem_17{margin:0 .75rem 0 0}}
1
+ ._questionInput_1hh1s_1{position:relative;z-index:1;display:flex;flex:1 1 auto;align-items:end;padding:1rem 1.25rem;background:#fff;box-shadow:0 0 8px #0000000d,0 -1px #e8e8e8}._questionInput_1hh1s_1 ._avatar_1hh1s_11{margin-bottom:.25rem}._questionInput_1hh1s_1 ._submitButton_1hh1s_14{margin:0}._questionInput_1hh1s_1 ._textArea_1hh1s_17{gap:0;width:100%;margin:0 1rem}._questionInput_1hh1s_1 ._textArea_1hh1s_17 textarea{border:none}._questionInput_1hh1s_1._sidebar_1hh1s_25{padding:1rem}._questionInput_1hh1s_1._sidebar_1hh1s_25 div{height:2.5rem}._questionInput_1hh1s_1._sidebar_1hh1s_25 ._textArea_1hh1s_17{margin:0 .75rem 0 0}._questionInput_1hh1s_1._sidebar_1hh1s_25 ._textArea_1hh1s_17 div{height:100%;align-items:center}._questionInput_1hh1s_1._sidebar_1hh1s_25 ._textArea_1hh1s_17 textarea{width:100%;padding-top:.75rem;padding-bottom:.75rem}._submitButtonTooltip_1hh1s_44{text-align:center}@media (max-width: 767px){._questionInput_1hh1s_1{padding:1rem}._questionInput_1hh1s_1 ._textArea_1hh1s_17{margin:0 .75rem 0 0}}