@box/box-ai-content-answers 1.34.2 → 1.34.4
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.
- package/dist/chunks/markdown.module.js +2 -2
- package/dist/chunks/stopResponseButton.js +14 -14
- package/dist/esm/lib/box-ai-content-answers.js +20 -20
- package/dist/esm/lib/components/answer/feedback-tooltip.js +23 -23
- package/dist/esm/lib/components/common/media-container.js +38 -38
- package/dist/esm/lib/components/content/content.js +29 -29
- package/dist/esm/lib/components/suggested-questions/suggestions.js +6 -6
- package/dist/esm/lib/components/thinkingBubble/thinkingBubble.js +29 -29
- package/dist/styles/box-ai-content-answers.css +1 -1
- package/dist/styles/content2.css +1 -1
- package/dist/styles/feedback-tooltip.css +1 -1
- package/dist/styles/markdown.css +1 -1
- package/dist/styles/media-container.css +1 -1
- package/dist/styles/stopResponseButton.css +1 -1
- package/dist/styles/suggestions.css +1 -1
- package/dist/styles/thinkingBubble.css +1 -1
- package/package.json +10 -10
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import '../styles/markdown.css';const n = "
|
|
1
|
+
import '../styles/markdown.css';const n = "_markdownContent_8g7nz_1", t = "_inlineParagraph_8g7nz_5", e = "_tableWrapper_8g7nz_11", i = "_hljs_8g7nz_38", a = "_hljsLanguage_8g7nz_50", s = "_hljsContent_8g7nz_63", _ = "_hljsLine_8g7nz_68", l = "_hljsLineNumber_8g7nz_73", o = "_hljsLineContent_8g7nz_85", r = "_inlineCitation_8g7nz_90", h = "_inlineCitationWrapper_8g7nz_115", g = {
|
|
2
2
|
markdownContent: n,
|
|
3
3
|
inlineParagraph: t,
|
|
4
4
|
tableWrapper: e,
|
|
@@ -12,5 +12,5 @@ import '../styles/markdown.css';const n = "_markdownContent_13xwk_1", t = "_inli
|
|
|
12
12
|
inlineCitationWrapper: h
|
|
13
13
|
};
|
|
14
14
|
export {
|
|
15
|
-
|
|
15
|
+
g as s
|
|
16
16
|
};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import * as p from "react";
|
|
2
2
|
import { useIntl as u } from "react-intl";
|
|
3
|
-
import { Tooltip as
|
|
3
|
+
import { Tooltip as m, Button as _ } from "@box/blueprint-web";
|
|
4
4
|
import { Stop as c } from "@box/blueprint-web-assets/icons/Fill";
|
|
5
|
-
import { LOGGER_ACTION_CLICK as l, LOGGER_BASE_CONFIG as
|
|
5
|
+
import { LOGGER_ACTION_CLICK as l, LOGGER_BASE_CONFIG as d } from "../esm/lib/components/common/constants.js";
|
|
6
6
|
import e from "../esm/lib/components/footer/messages.js";
|
|
7
7
|
import { jsx as a } from "react/jsx-runtime";
|
|
8
|
-
import '../styles/stopResponseButton.css';const
|
|
9
|
-
questionInput:
|
|
10
|
-
questionInputWithOutPromptLibrary:
|
|
11
|
-
inputAreaButton:
|
|
12
|
-
textArea:
|
|
13
|
-
sidebar:
|
|
14
|
-
actionContainer:
|
|
8
|
+
import '../styles/stopResponseButton.css';const f = "_questionInput_1vo9m_2", B = "_questionInputWithOutPromptLibrary_1vo9m_16", C = "_inputAreaButton_1vo9m_34", I = "_textArea_1vo9m_63", b = "_sidebar_1vo9m_89", v = "_actionContainer_1vo9m_106", R = "_promptButton_1vo9m_112", A = {
|
|
9
|
+
questionInput: f,
|
|
10
|
+
questionInputWithOutPromptLibrary: B,
|
|
11
|
+
inputAreaButton: C,
|
|
12
|
+
textArea: I,
|
|
13
|
+
sidebar: b,
|
|
14
|
+
actionContainer: v,
|
|
15
15
|
promptButton: R
|
|
16
16
|
};
|
|
17
17
|
function G({
|
|
@@ -22,19 +22,19 @@ function G({
|
|
|
22
22
|
}) {
|
|
23
23
|
const s = u(), i = p.useCallback(() => {
|
|
24
24
|
t && t({
|
|
25
|
-
...
|
|
25
|
+
...d,
|
|
26
26
|
action: l,
|
|
27
27
|
target: "stopResponse"
|
|
28
28
|
}), n(o);
|
|
29
29
|
}, [o, n, t]);
|
|
30
|
-
return /* @__PURE__ */ a(
|
|
30
|
+
return /* @__PURE__ */ a(m, {
|
|
31
31
|
content: s.formatMessage(e.stopResponse),
|
|
32
32
|
"data-testid": "stop-response-tooltip",
|
|
33
33
|
variant: "standard",
|
|
34
|
-
children: /* @__PURE__ */ a(
|
|
34
|
+
children: /* @__PURE__ */ a(_, {
|
|
35
35
|
"aria-label": s.formatMessage(e.stopResponse),
|
|
36
36
|
"aria-live": "polite",
|
|
37
|
-
className:
|
|
37
|
+
className: A.inputAreaButton,
|
|
38
38
|
"data-testid": "content-answers-stop-response-button",
|
|
39
39
|
icon: c,
|
|
40
40
|
onClick: i,
|
|
@@ -45,5 +45,5 @@ function G({
|
|
|
45
45
|
}
|
|
46
46
|
export {
|
|
47
47
|
G as S,
|
|
48
|
-
|
|
48
|
+
A as s
|
|
49
49
|
};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _ from "clsx";
|
|
2
2
|
import * as s from "react";
|
|
3
3
|
import { C as Y } from "../../chunks/types.js";
|
|
4
|
-
import { jsx as
|
|
4
|
+
import { jsx as r, jsxs as Z } from "react/jsx-runtime";
|
|
5
5
|
import { Content as $ } from "./components/content/content.js";
|
|
6
6
|
import { Footer as v } from "./components/footer/footer.js";
|
|
7
|
-
import '../../styles/box-ai-content-answers.css';const P = "
|
|
7
|
+
import '../../styles/box-ai-content-answers.css';const P = "_container_h5a00_1", T = "_contentAnswers_h5a00_8", q = "_sidebar_h5a00_19", u = {
|
|
8
8
|
container: P,
|
|
9
9
|
contentAnswers: T,
|
|
10
10
|
sidebar: q
|
|
11
11
|
}, ne = ({
|
|
12
|
-
className:
|
|
13
|
-
contentType:
|
|
14
|
-
contentName:
|
|
12
|
+
className: Q,
|
|
13
|
+
contentType: b,
|
|
14
|
+
contentName: p,
|
|
15
15
|
error: t,
|
|
16
16
|
hasCustomSuggestedQuestions: w,
|
|
17
17
|
hasRequestInProgress: d,
|
|
@@ -39,47 +39,47 @@ import '../../styles/box-ai-content-answers.css';const P = "_container_1p5tb_1",
|
|
|
39
39
|
isInlineCitationV2Enabled: B,
|
|
40
40
|
...G
|
|
41
41
|
}) => {
|
|
42
|
-
const [f, m] = s.useState(null), [
|
|
42
|
+
const [f, m] = s.useState(null), [h, L] = s.useState(t != null), [c, H] = s.useState(!1), J = t === Y.LARGE_FILE, K = (!h || J) && !g, S = (a) => {
|
|
43
43
|
l && l({
|
|
44
|
-
...
|
|
44
|
+
...a,
|
|
45
45
|
component: o
|
|
46
46
|
});
|
|
47
47
|
}, V = () => {
|
|
48
48
|
e && e(!1);
|
|
49
|
-
}, W = (
|
|
50
|
-
m(
|
|
49
|
+
}, W = (a) => {
|
|
50
|
+
m(a), e && e(!0);
|
|
51
51
|
}, X = () => {
|
|
52
52
|
e && e(!0);
|
|
53
53
|
};
|
|
54
54
|
return s.useEffect(() => {
|
|
55
55
|
L(t != null);
|
|
56
|
-
}, [t]), /* @__PURE__ */
|
|
57
|
-
className:
|
|
56
|
+
}, [t]), /* @__PURE__ */ r("div", {
|
|
57
|
+
className: _(Q, u.container),
|
|
58
58
|
children: /* @__PURE__ */ Z("div", {
|
|
59
|
-
className:
|
|
60
|
-
children: [!c && /* @__PURE__ */
|
|
59
|
+
className: _(u.contentAnswers, o === "sidebar" && u.sidebar),
|
|
60
|
+
children: [!c && /* @__PURE__ */ r($, {
|
|
61
61
|
...G,
|
|
62
62
|
askSuggestedQuestion: f,
|
|
63
|
-
contentName:
|
|
64
|
-
contentType:
|
|
63
|
+
contentName: p,
|
|
64
|
+
contentType: b,
|
|
65
65
|
error: t,
|
|
66
66
|
hasCustomSuggestedQuestions: w,
|
|
67
67
|
hasRequestInProgress: d,
|
|
68
68
|
hostAppName: O,
|
|
69
|
-
isErrorMessageShown:
|
|
69
|
+
isErrorMessageShown: h,
|
|
70
70
|
isInlineCitationV2Enabled: B,
|
|
71
71
|
isReactMarkdownEnabled: z,
|
|
72
72
|
isStreamingEnabled: n,
|
|
73
73
|
items: R,
|
|
74
74
|
onSuggestedQuestionInteraction: V,
|
|
75
75
|
questions: i,
|
|
76
|
-
recordAction:
|
|
76
|
+
recordAction: S,
|
|
77
77
|
setAskSuggestedQuestion: W,
|
|
78
78
|
showLoadingIndicator: g,
|
|
79
79
|
suggestedQuestions: k,
|
|
80
80
|
useAnimation: n && j,
|
|
81
81
|
variant: o
|
|
82
|
-
}), K && /* @__PURE__ */
|
|
82
|
+
}), K && /* @__PURE__ */ r(v, {
|
|
83
83
|
askSuggestedQuestion: f,
|
|
84
84
|
enableDebugMode: E,
|
|
85
85
|
hasRequestInProgress: d,
|
|
@@ -93,7 +93,7 @@ import '../../styles/box-ai-content-answers.css';const P = "_container_1p5tb_1",
|
|
|
93
93
|
onUserInteraction: X,
|
|
94
94
|
promptButtonClickHandler: y,
|
|
95
95
|
promptValue: x,
|
|
96
|
-
recordAction:
|
|
96
|
+
recordAction: S,
|
|
97
97
|
sendQuestion: N,
|
|
98
98
|
setAskSuggestedQuestion: m,
|
|
99
99
|
setPromptValue: F,
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { GuidedTooltip as i, Radio as r, TextArea as
|
|
2
|
-
import { Formik as
|
|
3
|
-
import { useIntl as
|
|
1
|
+
import { GuidedTooltip as i, Radio as r, TextArea as F, Checkbox as g, Text as x, Link as L } from "@box/blueprint-web";
|
|
2
|
+
import { Formik as I, Form as w } from "formik";
|
|
3
|
+
import { useIntl as y, FormattedMessage as P } from "react-intl";
|
|
4
4
|
import v from "../../messages.js";
|
|
5
5
|
import { F as m } from "../../../../chunks/types.js";
|
|
6
6
|
import { ABUSE_FORM_PATH as N } from "./constants.js";
|
|
7
7
|
import t from "./messages.js";
|
|
8
|
-
import { jsx as e, jsxs as n, Fragment as
|
|
9
|
-
import '../../../../styles/feedback-tooltip.css';const B = "
|
|
10
|
-
feedbackTooltip:
|
|
11
|
-
feedbackTooltipForm:
|
|
12
|
-
feedbackTooltipTitle:
|
|
13
|
-
feedbackTooltipTextarea:
|
|
14
|
-
feedbackTooltipSubmitBtn:
|
|
15
|
-
feedbackTooltipPromptShareConsent:
|
|
16
|
-
feedbackTooltipAbuseDisclaimer:
|
|
17
|
-
feedbackTooltipAbuseLink:
|
|
8
|
+
import { jsx as e, jsxs as n, Fragment as j } from "react/jsx-runtime";
|
|
9
|
+
import '../../../../styles/feedback-tooltip.css';const R = "_feedbackTooltip_um41j_1", B = "_feedbackTooltipForm_um41j_7", D = "_feedbackTooltipTitle_um41j_11", E = "_feedbackTooltipTextarea_um41j_14", U = "_feedbackTooltipSubmitBtn_um41j_17", O = "_feedbackTooltipPromptShareConsent_um41j_20", $ = "_feedbackTooltipAbuseDisclaimer_um41j_23", M = "_feedbackTooltipAbuseLink_um41j_27", a = {
|
|
10
|
+
feedbackTooltip: R,
|
|
11
|
+
feedbackTooltipForm: B,
|
|
12
|
+
feedbackTooltipTitle: D,
|
|
13
|
+
feedbackTooltipTextarea: E,
|
|
14
|
+
feedbackTooltipSubmitBtn: U,
|
|
15
|
+
feedbackTooltipPromptShareConsent: O,
|
|
16
|
+
feedbackTooltipAbuseDisclaimer: $,
|
|
17
|
+
feedbackTooltipAbuseLink: M
|
|
18
18
|
}, z = (s) => {
|
|
19
19
|
let l = "";
|
|
20
20
|
if (window !== window.top && document.referrer)
|
|
@@ -24,7 +24,7 @@ import '../../../../styles/feedback-tooltip.css';const B = "_feedbackTooltip_1y9
|
|
|
24
24
|
l = "";
|
|
25
25
|
}
|
|
26
26
|
const d = encodeURIComponent(window.location.href);
|
|
27
|
-
return /* @__PURE__ */ e(
|
|
27
|
+
return /* @__PURE__ */ e(L, {
|
|
28
28
|
className: a.feedbackTooltipAbuseLink,
|
|
29
29
|
href: `${l}${N}/${d}`,
|
|
30
30
|
rel: "noopener noreferrer",
|
|
@@ -42,7 +42,7 @@ import '../../../../styles/feedback-tooltip.css';const B = "_feedbackTooltip_1y9
|
|
|
42
42
|
}) => {
|
|
43
43
|
const {
|
|
44
44
|
formatMessage: o
|
|
45
|
-
} =
|
|
45
|
+
} = y();
|
|
46
46
|
if (!h)
|
|
47
47
|
return s;
|
|
48
48
|
const _ = () => {
|
|
@@ -54,7 +54,7 @@ import '../../../../styles/feedback-tooltip.css';const B = "_feedbackTooltip_1y9
|
|
|
54
54
|
align: "end",
|
|
55
55
|
className: a.feedbackTooltip,
|
|
56
56
|
closeLabel: o(v.closeButtonText),
|
|
57
|
-
content: /* @__PURE__ */ e(
|
|
57
|
+
content: /* @__PURE__ */ e(I, {
|
|
58
58
|
initialValues: {
|
|
59
59
|
feedback: "",
|
|
60
60
|
feedbackPromptShareConsent: !0,
|
|
@@ -67,15 +67,15 @@ import '../../../../styles/feedback-tooltip.css';const B = "_feedbackTooltip_1y9
|
|
|
67
67
|
setFieldValue: p,
|
|
68
68
|
values: {
|
|
69
69
|
feedback: C,
|
|
70
|
-
feedbackPromptShareConsent:
|
|
70
|
+
feedbackPromptShareConsent: S,
|
|
71
71
|
issueType: T
|
|
72
72
|
}
|
|
73
|
-
}) => /* @__PURE__ */ n(
|
|
73
|
+
}) => /* @__PURE__ */ n(j, {
|
|
74
74
|
children: [/* @__PURE__ */ n(i.Body, {
|
|
75
75
|
children: [/* @__PURE__ */ e(i.Title, {
|
|
76
76
|
className: a.feedbackTooltipTitle,
|
|
77
77
|
children: o(t.feedbackTooltipTitle)
|
|
78
|
-
}), /* @__PURE__ */ n(
|
|
78
|
+
}), /* @__PURE__ */ n(w, {
|
|
79
79
|
className: a.feedbackTooltipForm,
|
|
80
80
|
children: [/* @__PURE__ */ e(r.Legend, {
|
|
81
81
|
header: o(t.feedbackTooltipIssueTypeLabel),
|
|
@@ -97,7 +97,7 @@ import '../../../../styles/feedback-tooltip.css';const B = "_feedbackTooltip_1y9
|
|
|
97
97
|
value: m.OTHER
|
|
98
98
|
})]
|
|
99
99
|
})
|
|
100
|
-
}), f && /* @__PURE__ */ e(
|
|
100
|
+
}), f && /* @__PURE__ */ e(F, {
|
|
101
101
|
className: a.feedbackTooltipTextarea,
|
|
102
102
|
label: o(t.feedbackTooltipFeedbackLabel),
|
|
103
103
|
maxRows: 4,
|
|
@@ -105,8 +105,8 @@ import '../../../../styles/feedback-tooltip.css';const B = "_feedbackTooltip_1y9
|
|
|
105
105
|
onChange: (c) => p("feedback", c.target.value),
|
|
106
106
|
placeholder: o(t.feedbackTooltipFeedbackPlaceholder),
|
|
107
107
|
value: C
|
|
108
|
-
}), u && /* @__PURE__ */ e(
|
|
109
|
-
checked:
|
|
108
|
+
}), u && /* @__PURE__ */ e(g.Item, {
|
|
109
|
+
checked: S,
|
|
110
110
|
className: a.feedbackTooltipPromptShareConsent,
|
|
111
111
|
"data-target-id": "Checkbox.Item-boxAiFeedbackPromptShareConsent",
|
|
112
112
|
label: o(t.feedbackTooltipPromptShareConsent),
|
|
@@ -114,7 +114,7 @@ import '../../../../styles/feedback-tooltip.css';const B = "_feedbackTooltip_1y9
|
|
|
114
114
|
p("feedbackPromptShareConsent", c);
|
|
115
115
|
},
|
|
116
116
|
value: "feedbackPromptShareConsent"
|
|
117
|
-
}), f && /* @__PURE__ */ e(
|
|
117
|
+
}), f && /* @__PURE__ */ e(x, {
|
|
118
118
|
as: "p",
|
|
119
119
|
className: a.feedbackTooltipAbuseDisclaimer,
|
|
120
120
|
variant: "caption",
|
|
@@ -1,49 +1,49 @@
|
|
|
1
1
|
import { Card as i } from "@box/blueprint-web";
|
|
2
|
-
import
|
|
3
|
-
import { jsx as
|
|
4
|
-
import '../../../../styles/media-container.css';const
|
|
5
|
-
mediaContainer:
|
|
6
|
-
figure:
|
|
2
|
+
import t from "clsx";
|
|
3
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
4
|
+
import '../../../../styles/media-container.css';const d = "_mediaContainer_1bmce_2", _ = "_figure_1bmce_8", m = "_sidebar_1bmce_14", b = "_welcomeMessage_1bmce_33", l = "_contentCard_1bmce_37", g = "_question_1bmce_42", u = "_answer_1bmce_64", C = "_body_1bmce_68", f = "_error_1bmce_101", e = {
|
|
5
|
+
mediaContainer: d,
|
|
6
|
+
figure: _,
|
|
7
7
|
sidebar: m,
|
|
8
|
-
"center-aligned": "_center-
|
|
9
|
-
"top-aligned": "_top-
|
|
10
|
-
welcomeMessage:
|
|
11
|
-
contentCard:
|
|
12
|
-
question:
|
|
13
|
-
answer:
|
|
14
|
-
body:
|
|
8
|
+
"center-aligned": "_center-aligned_1bmce_17",
|
|
9
|
+
"top-aligned": "_top-aligned_1bmce_24",
|
|
10
|
+
welcomeMessage: b,
|
|
11
|
+
contentCard: l,
|
|
12
|
+
question: g,
|
|
13
|
+
answer: u,
|
|
14
|
+
body: C,
|
|
15
15
|
error: f
|
|
16
16
|
}, w = ({
|
|
17
|
-
children:
|
|
18
|
-
className:
|
|
19
|
-
variant:
|
|
20
|
-
}) => /* @__PURE__ */
|
|
21
|
-
className:
|
|
17
|
+
children: r,
|
|
18
|
+
className: a,
|
|
19
|
+
variant: n = "modal"
|
|
20
|
+
}) => /* @__PURE__ */ s("div", {
|
|
21
|
+
className: t(e.mediaContainer, e[a], n === "sidebar" && e.sidebar),
|
|
22
22
|
"data-testid": "content-answers-grid-card",
|
|
23
|
-
children:
|
|
24
|
-
}),
|
|
25
|
-
|
|
26
|
-
children:
|
|
27
|
-
isUsedInsideSidebar:
|
|
28
|
-
variant:
|
|
29
|
-
}) => /* @__PURE__ */
|
|
30
|
-
className:
|
|
31
|
-
children:
|
|
23
|
+
children: r
|
|
24
|
+
}), o = w;
|
|
25
|
+
o.Figure = ({
|
|
26
|
+
children: r,
|
|
27
|
+
isUsedInsideSidebar: a = !1,
|
|
28
|
+
variant: n
|
|
29
|
+
}) => /* @__PURE__ */ s("div", {
|
|
30
|
+
className: t(e.figure, e[n], a && e.sidebar),
|
|
31
|
+
children: r
|
|
32
32
|
});
|
|
33
|
-
|
|
34
|
-
children:
|
|
35
|
-
isUsedInsideSidebar:
|
|
36
|
-
variant:
|
|
37
|
-
shouldAddCard:
|
|
38
|
-
}) => /* @__PURE__ */
|
|
39
|
-
className:
|
|
40
|
-
children:
|
|
33
|
+
o.Content = ({
|
|
34
|
+
children: r,
|
|
35
|
+
isUsedInsideSidebar: a = !1,
|
|
36
|
+
variant: n,
|
|
37
|
+
shouldAddCard: c = !0
|
|
38
|
+
}) => /* @__PURE__ */ s("div", {
|
|
39
|
+
className: t(e.body, e[n], a && e.sidebar),
|
|
40
|
+
children: c ? /* @__PURE__ */ s(i, {
|
|
41
41
|
className: e.contentCard,
|
|
42
|
-
children:
|
|
43
|
-
}) :
|
|
42
|
+
children: r
|
|
43
|
+
}) : r
|
|
44
44
|
});
|
|
45
45
|
export {
|
|
46
|
-
|
|
46
|
+
o as MediaContainer,
|
|
47
47
|
w as MediaContainerBase,
|
|
48
|
-
|
|
48
|
+
o as default
|
|
49
49
|
};
|
|
@@ -7,7 +7,7 @@ import { C as y } from "../../../../chunks/types.js";
|
|
|
7
7
|
import { jsx as n, jsxs as H, Fragment as V } from "react/jsx-runtime";
|
|
8
8
|
import { ModalError as A } from "../modal-error/modal-error.js";
|
|
9
9
|
import { Chat as B } from "../chat/chat.js";
|
|
10
|
-
import '../../../../styles/content2.css';const D = "
|
|
10
|
+
import '../../../../styles/content2.css';const D = "_loadingIndicatorWrapper_1bwpp_2", G = "_content_1bwpp_6", J = "_sidebar_1bwpp_13", K = "_isLoading_1bwpp_20", Q = "_messagesEnd_1bwpp_24", U = "_innerContent_1bwpp_28", r = {
|
|
11
11
|
loadingIndicatorWrapper: D,
|
|
12
12
|
content: G,
|
|
13
13
|
sidebar: J,
|
|
@@ -16,24 +16,24 @@ import '../../../../styles/content2.css';const D = "_loadingIndicatorWrapper_18o
|
|
|
16
16
|
innerContent: U
|
|
17
17
|
}, ne = ({
|
|
18
18
|
error: u,
|
|
19
|
-
hasCustomSuggestedQuestions:
|
|
19
|
+
hasCustomSuggestedQuestions: E,
|
|
20
20
|
hasRequestInProgress: c = !1,
|
|
21
|
-
isErrorMessageShown:
|
|
21
|
+
isErrorMessageShown: C = !1,
|
|
22
22
|
isStreamingEnabled: i = !1,
|
|
23
|
-
questions:
|
|
24
|
-
recordAction:
|
|
25
|
-
showLoadingIndicator:
|
|
26
|
-
suggestedQuestions:
|
|
27
|
-
askSuggestedQuestion:
|
|
28
|
-
setAskSuggestedQuestion:
|
|
29
|
-
useAnimation:
|
|
23
|
+
questions: h,
|
|
24
|
+
recordAction: p,
|
|
25
|
+
showLoadingIndicator: m = !1,
|
|
26
|
+
suggestedQuestions: w,
|
|
27
|
+
askSuggestedQuestion: R,
|
|
28
|
+
setAskSuggestedQuestion: v,
|
|
29
|
+
useAnimation: I,
|
|
30
30
|
variant: _ = "modal",
|
|
31
|
-
hostAppName:
|
|
32
|
-
...
|
|
31
|
+
hostAppName: L = "",
|
|
32
|
+
...N
|
|
33
33
|
}) => {
|
|
34
|
-
const f = e.useRef(null), l = e.useRef(null), d = e.useRef(null), t = e.useRef(!0), [g,
|
|
34
|
+
const f = e.useRef(null), l = e.useRef(null), d = e.useRef(null), t = e.useRef(!0), [g, O] = e.useState(!1), {
|
|
35
35
|
formatMessage: x
|
|
36
|
-
} = j(),
|
|
36
|
+
} = j(), b = u === y.LARGE_FILE, o = e.useCallback((s) => {
|
|
37
37
|
d.current?.scrollIntoView && l.current && (!i || t.current) && d.current.scrollIntoView({
|
|
38
38
|
behavior: s,
|
|
39
39
|
block: "nearest"
|
|
@@ -66,10 +66,10 @@ import '../../../../styles/content2.css';const D = "_loadingIndicatorWrapper_18o
|
|
|
66
66
|
a && s.unobserve(a);
|
|
67
67
|
};
|
|
68
68
|
}, [o, i]);
|
|
69
|
-
const T = () =>
|
|
69
|
+
const T = () => C && !b ? /* @__PURE__ */ n(A, {
|
|
70
70
|
error: u,
|
|
71
|
-
recordAction:
|
|
72
|
-
}) :
|
|
71
|
+
recordAction: p
|
|
72
|
+
}) : m ? /* @__PURE__ */ n("div", {
|
|
73
73
|
className: r.loadingIndicatorWrapper,
|
|
74
74
|
children: /* @__PURE__ */ n(M, {
|
|
75
75
|
"aria-label": x(k.loading),
|
|
@@ -79,19 +79,19 @@ import '../../../../styles/content2.css';const D = "_loadingIndicatorWrapper_18o
|
|
|
79
79
|
})
|
|
80
80
|
}) : /* @__PURE__ */ H(V, {
|
|
81
81
|
children: [/* @__PURE__ */ n(B, {
|
|
82
|
-
askSuggestedQuestion:
|
|
83
|
-
hasCustomSuggestedQuestions:
|
|
82
|
+
askSuggestedQuestion: R,
|
|
83
|
+
hasCustomSuggestedQuestions: E,
|
|
84
84
|
hasRequestInProgress: c,
|
|
85
|
-
hostAppName:
|
|
86
|
-
isFileSizeError:
|
|
87
|
-
onDropdownOpenChange:
|
|
88
|
-
questions:
|
|
89
|
-
recordAction:
|
|
90
|
-
setAskSuggestedQuestion:
|
|
91
|
-
suggestedQuestions:
|
|
92
|
-
useAnimation:
|
|
85
|
+
hostAppName: L,
|
|
86
|
+
isFileSizeError: b,
|
|
87
|
+
onDropdownOpenChange: O,
|
|
88
|
+
questions: h,
|
|
89
|
+
recordAction: p,
|
|
90
|
+
setAskSuggestedQuestion: v,
|
|
91
|
+
suggestedQuestions: w,
|
|
92
|
+
useAnimation: I,
|
|
93
93
|
variant: _,
|
|
94
|
-
...
|
|
94
|
+
...N
|
|
95
95
|
}), /* @__PURE__ */ n("div", {
|
|
96
96
|
ref: d,
|
|
97
97
|
className: r.messagesEnd
|
|
@@ -99,7 +99,7 @@ import '../../../../styles/content2.css';const D = "_loadingIndicatorWrapper_18o
|
|
|
99
99
|
});
|
|
100
100
|
return /* @__PURE__ */ n("div", {
|
|
101
101
|
ref: l,
|
|
102
|
-
className: S(r.content, _ === "sidebar" && r.sidebar,
|
|
102
|
+
className: S(r.content, _ === "sidebar" && r.sidebar, m && r.isLoading),
|
|
103
103
|
"data-testid": "content-answers-content",
|
|
104
104
|
onScroll: z,
|
|
105
105
|
children: /* @__PURE__ */ n("div", {
|
|
@@ -2,10 +2,10 @@ import { FilterChip as o } from "@box/blueprint-web";
|
|
|
2
2
|
import d from "clsx";
|
|
3
3
|
import m from "lodash/noop";
|
|
4
4
|
import { jsx as t } from "react/jsx-runtime";
|
|
5
|
-
import '../../../../styles/suggestions.css';const
|
|
6
|
-
suggestions:
|
|
7
|
-
suggestion:
|
|
8
|
-
},
|
|
5
|
+
import '../../../../styles/suggestions.css';const w = "_suggestions_94tw9_2", y = "_suggestion_94tw9_2", e = {
|
|
6
|
+
suggestions: w,
|
|
7
|
+
suggestion: y
|
|
8
|
+
}, k = ({
|
|
9
9
|
askSuggestedQuestion: i,
|
|
10
10
|
isLoading: g,
|
|
11
11
|
onSuggestedQuestionClick: a,
|
|
@@ -41,6 +41,6 @@ import '../../../../styles/suggestions.css';const y = "_suggestions_1yvk2_2", w
|
|
|
41
41
|
});
|
|
42
42
|
};
|
|
43
43
|
export {
|
|
44
|
-
|
|
45
|
-
|
|
44
|
+
k as Suggestions,
|
|
45
|
+
k as default
|
|
46
46
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import C from "clsx";
|
|
2
|
-
import { useState as
|
|
2
|
+
import { useState as b, useId as B, useRef as v, useEffect as g, useCallback as _ } from "react";
|
|
3
3
|
import { useIntl as j } from "react-intl";
|
|
4
4
|
import { Text as X, Tooltip as Y } from "@box/blueprint-web";
|
|
5
5
|
import { ChevronRight as w, BoxAi as G } from "@box/blueprint-web-assets/icons/Medium";
|
|
@@ -8,7 +8,7 @@ import V from "../common/markdown-react.js";
|
|
|
8
8
|
import { BoxAILoadingIndicator as q } from "./boxAILoadingIndicator.js";
|
|
9
9
|
import l from "./messages.js";
|
|
10
10
|
import { jsxs as f, jsx as o } from "react/jsx-runtime";
|
|
11
|
-
import '../../../../styles/thinkingBubble.css';const z = "
|
|
11
|
+
import '../../../../styles/thinkingBubble.css';const z = "_thinkingBubbleContainer_1t2ug_1", F = "_thinkingBubbleHeader_1t2ug_7", J = "_headerLeft_1t2ug_19", K = "_thinkingBubbleLogo_1t2ug_24", Q = "_chevronIcon_1t2ug_28", W = "_chevronRotated_1t2ug_33", Z = "_chevronDisabled_1t2ug_36", $ = "_logoState_1t2ug_40", ee = "_headerExpanded_1t2ug_53", te = "_thinkingBubbleContent_1t2ug_58", ne = "_scrollableContainer_1t2ug_66", oe = "_contentExpanded_1t2ug_84", re = "_sidebar_1t2ug_90", ae = "_pillState_1t2ug_105", e = {
|
|
12
12
|
thinkingBubbleContainer: z,
|
|
13
13
|
thinkingBubbleHeader: F,
|
|
14
14
|
headerLeft: J,
|
|
@@ -18,8 +18,8 @@ import '../../../../styles/thinkingBubble.css';const z = "_thinkingBubbleContain
|
|
|
18
18
|
chevronDisabled: Z,
|
|
19
19
|
logoState: $,
|
|
20
20
|
headerExpanded: ee,
|
|
21
|
-
thinkingBubbleContent:
|
|
22
|
-
scrollableContainer:
|
|
21
|
+
thinkingBubbleContent: te,
|
|
22
|
+
scrollableContainer: ne,
|
|
23
23
|
contentExpanded: oe,
|
|
24
24
|
sidebar: re,
|
|
25
25
|
pillState: ae
|
|
@@ -27,59 +27,59 @@ import '../../../../styles/thinkingBubble.css';const z = "_thinkingBubbleContain
|
|
|
27
27
|
content: s,
|
|
28
28
|
className: L,
|
|
29
29
|
variant: I = "modal",
|
|
30
|
-
isThinkingComplete:
|
|
31
|
-
onDropdownOpenChange:
|
|
30
|
+
isThinkingComplete: t = !1,
|
|
31
|
+
onDropdownOpenChange: u,
|
|
32
32
|
...S
|
|
33
33
|
}) => {
|
|
34
34
|
const {
|
|
35
35
|
formatMessage: i
|
|
36
|
-
} = j(), H = I === "sidebar", [c,
|
|
37
|
-
|
|
36
|
+
} = j(), H = I === "sidebar", [c, h] = b(!1), [a, m] = b(!1), [d, A] = b(!1), p = B(), N = B(), r = v(null), E = v(!1);
|
|
37
|
+
g(() => {
|
|
38
38
|
if (s) {
|
|
39
|
-
const
|
|
40
|
-
|
|
39
|
+
const n = [setTimeout(() => A(!0), ie), setTimeout(() => {
|
|
40
|
+
h(!0), u(!0);
|
|
41
41
|
}, le)];
|
|
42
|
-
return () =>
|
|
42
|
+
return () => n.forEach(clearTimeout);
|
|
43
43
|
}
|
|
44
44
|
}, [s]);
|
|
45
|
-
const x =
|
|
45
|
+
const x = _(() => {
|
|
46
46
|
r.current && s && c && !E.current && r.current.scrollTo({
|
|
47
47
|
top: r.current.scrollHeight,
|
|
48
48
|
behavior: "smooth"
|
|
49
49
|
});
|
|
50
50
|
}, [s, c]);
|
|
51
|
-
|
|
51
|
+
g(() => {
|
|
52
52
|
x();
|
|
53
53
|
}, [x]);
|
|
54
|
-
const R =
|
|
54
|
+
const R = _(() => {
|
|
55
55
|
if (r.current) {
|
|
56
|
-
const
|
|
56
|
+
const n = r.current, M = n.scrollTop + n.clientHeight >= n.scrollHeight - se;
|
|
57
57
|
E.current = !M;
|
|
58
58
|
}
|
|
59
|
-
}, []), k =
|
|
60
|
-
const
|
|
61
|
-
m(
|
|
59
|
+
}, []), k = _(() => r.current ? r.current.scrollHeight > ce : !1, []), D = () => {
|
|
60
|
+
const n = !a;
|
|
61
|
+
m(n), u(n), t && h(n);
|
|
62
62
|
};
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
}, [
|
|
66
|
-
const O = () =>
|
|
63
|
+
g(() => {
|
|
64
|
+
t && (m(!1), h(!1), u(!1));
|
|
65
|
+
}, [t]);
|
|
66
|
+
const O = () => t ? /* @__PURE__ */ o(G, {
|
|
67
67
|
color: U,
|
|
68
68
|
height: 24,
|
|
69
69
|
width: 24
|
|
70
|
-
}) : /* @__PURE__ */ o(q, {}), T = !k() && !
|
|
70
|
+
}) : /* @__PURE__ */ o(q, {}), T = !k() && !t, P = C(e.thinkingBubbleContainer, {
|
|
71
71
|
[e.logoState]: !d,
|
|
72
72
|
[e.headerExpanded]: d,
|
|
73
73
|
[e.contentExpanded]: a,
|
|
74
|
-
[e.pillState]:
|
|
74
|
+
[e.pillState]: t && !a,
|
|
75
75
|
[e.sidebar]: H
|
|
76
|
-
}, L), y = !k() && !
|
|
76
|
+
}, L), y = !k() && !t;
|
|
77
77
|
return /* @__PURE__ */ f("div", {
|
|
78
78
|
className: P,
|
|
79
79
|
...S,
|
|
80
80
|
children: [/* @__PURE__ */ f("button", {
|
|
81
81
|
"aria-controls": N,
|
|
82
|
-
"aria-expanded": c && (!
|
|
82
|
+
"aria-expanded": c && (!t || a),
|
|
83
83
|
"aria-labelledby": p,
|
|
84
84
|
className: e.thinkingBubbleHeader,
|
|
85
85
|
disabled: y,
|
|
@@ -93,10 +93,10 @@ import '../../../../styles/thinkingBubble.css';const z = "_thinkingBubbleContain
|
|
|
93
93
|
children: O()
|
|
94
94
|
}), d && /* @__PURE__ */ o(X, {
|
|
95
95
|
as: "h3",
|
|
96
|
-
color:
|
|
96
|
+
color: t ? "textOnLightSecondary" : "textOnLightDefault",
|
|
97
97
|
id: p,
|
|
98
98
|
variant: "titleMedium",
|
|
99
|
-
children: i(
|
|
99
|
+
children: i(t ? l.thinkingCompleted : l.thinkingInProgress)
|
|
100
100
|
})]
|
|
101
101
|
}), d && /* @__PURE__ */ o(Y, {
|
|
102
102
|
content: i(a ? l.collapseThinkingContent : l.expandThinkingContent),
|
|
@@ -105,7 +105,7 @@ import '../../../../styles/thinkingBubble.css';const z = "_thinkingBubbleContain
|
|
|
105
105
|
className: C(e.chevronIcon, a && e.chevronRotated, T && e.chevronDisabled)
|
|
106
106
|
})
|
|
107
107
|
})]
|
|
108
|
-
}), c && (!
|
|
108
|
+
}), c && (!t || a) && /* @__PURE__ */ o("div", {
|
|
109
109
|
className: e.thinkingBubbleContent,
|
|
110
110
|
children: /* @__PURE__ */ o("div", {
|
|
111
111
|
ref: r,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_h5a00_1{width:100%;height:100%;container-type:inline-size;container-name:box-ai-sidebar}._contentAnswers_h5a00_8{display:flex;flex-direction:column;flex-grow:1;height:100%;max-height:39.875rem;margin-top:0;padding:0;overflow:hidden;background-color:#fff}._contentAnswers_h5a00_8._sidebar_h5a00_19{max-height:unset}@media(max-width:374px){._contentAnswers_h5a00_8{flex-flow:column;max-height:unset;margin-bottom:0}}
|
package/dist/styles/content2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._loadingIndicatorWrapper_1bwpp_2{width:100%}._content_1bwpp_6{flex:1 1 auto;width:auto;max-height:35.375rem;padding:0 1rem 1rem;overflow:auto}._content_1bwpp_6._sidebar_1bwpp_13{padding:0 .75rem .75rem}._content_1bwpp_6{padding-right:1.5rem;padding-left:1.5rem}._content_1bwpp_6._isLoading_1bwpp_20{display:flex;align-items:center}._content_1bwpp_6 ._messagesEnd_1bwpp_24{margin-bottom:-1.25rem;padding-bottom:1.25rem}._content_1bwpp_6 ._innerContent_1bwpp_28{width:100%}._content_1bwpp_6._sidebar_1bwpp_13{max-height:unset}@media(max-width:374px){._content_1bwpp_6{flex:1;max-height:unset;padding:1rem;overflow-x:hidden}._content_1bwpp_6 ._messagesEnd_1bwpp_24{margin-bottom:-1rem;padding-bottom:1rem}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
div.
|
|
1
|
+
div._feedbackTooltip_um41j_1{z-index:var(--z-index-modal);max-width:24rem;padding-block:var(--space-4);padding-inline:var(--space-4)}div._feedbackTooltip_um41j_1 ._feedbackTooltipForm_um41j_7{gap:var(--bp-space-050, 1.25rem);width:20.375rem}div._feedbackTooltip_um41j_1 ._feedbackTooltipTitle_um41j_11{margin-block-end:var(--space-5)}div._feedbackTooltip_um41j_1 ._feedbackTooltipTextarea_um41j_14{margin-block-start:var(--space-5)}div._feedbackTooltip_um41j_1 ._feedbackTooltipSubmitBtn_um41j_17{margin-inline-start:var(--space-2)}div._feedbackTooltip_um41j_1 ._feedbackTooltipPromptShareConsent_um41j_20{margin-block-start:var(--space-4)}div._feedbackTooltip_um41j_1 ._feedbackTooltipAbuseDisclaimer_um41j_23{margin-block-start:var(--space-5);color:var(--text-text-on-light-secondary)}div._feedbackTooltip_um41j_1 ._feedbackTooltipAbuseDisclaimer_um41j_23 ._feedbackTooltipAbuseLink_um41j_27{font-size:var(--bp-font-size-03, .75rem)}
|
package/dist/styles/markdown.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._markdownContent_8g7nz_1{display:block}._inlineParagraph_8g7nz_5{display:block;margin:0 0 1em;line-height:1.6}._tableWrapper_8g7nz_11{margin:var(--space-5) 0;overflow-x:auto}._tableWrapper_8g7nz_11 table{width:max-content;min-width:100%;border-collapse:collapse}._tableWrapper_8g7nz_11 table,._tableWrapper_8g7nz_11 th,._tableWrapper_8g7nz_11 td{padding:var(--space-2) var(--space-3);border:var(--border-1) solid var(--gray-10)}._tableWrapper_8g7nz_11 th{color:var(--text-text-on-light);font-weight:var(--bp-font-weight-semibold);font-size:var(--bp-font-size-05);line-height:var(--bp-font-line-height-05);background-color:var(--gray-05)}._tableWrapper_8g7nz_11 th,._tableWrapper_8g7nz_11 td{max-width:calc(var(--space-20) * 3)}._hljs_8g7nz_38{position:relative;display:flex;flex-direction:column;overflow-x:auto;background:var(--gray-100)}._hljs_8g7nz_38 code{display:grid;white-space:pre}._hljsLanguage_8g7nz_50{position:sticky;top:0;left:0;padding:var(--space-2) var(--space-3);color:var(--gray-white);font-weight:var(--bp-font-weight-semibold);font-size:var(--bp-font-size-05);line-height:var(--bp-font-line-height-05);background:var(--gray-90);border-bottom:var(--border-1) solid var(--gray-80)}._hljsContent_8g7nz_63{flex:1 1 auto;padding:var(--space-5)}._hljsLine_8g7nz_68{display:flex;align-items:flex-start}._hljsLineNumber_8g7nz_73{flex:0 0 auto;box-sizing:border-box;width:var(--size-10);padding:var(--space-2) var(--space-1);color:var(--gray-40);text-align:center;background:var(--gray-90);border-right:var(--border-1) solid var(--gray-80);-webkit-user-select:none;user-select:none}._hljsLineContent_8g7nz_85{padding:var(--space-2) 0 0 var(--space-1);overflow:hidden}._inlineCitation_8g7nz_90._inlineCitation_8g7nz_90._inlineCitation_8g7nz_90{display:inline;color:var(--text-text-on-light-secondary, #6F6F6F);text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:2px;vertical-align:baseline;cursor:pointer}._inlineCitation_8g7nz_90._inlineCitation_8g7nz_90._inlineCitation_8g7nz_90:hover,._inlineCitation_8g7nz_90._inlineCitation_8g7nz_90._inlineCitation_8g7nz_90:active{color:var(--text-text-on-light-secondary, #6F6F6F)}._inlineCitation_8g7nz_90._inlineCitation_8g7nz_90._inlineCitation_8g7nz_90:focus-visible{color:var(--text-text-on-light-secondary, #6F6F6F)}._inlineCitation_8g7nz_90._inlineCitation_8g7nz_90._inlineCitation_8g7nz_90:visited{color:var(--text-text-on-light-secondary, #6F6F6F);text-decoration:underline;text-decoration-style:dotted}._inlineCitationWrapper_8g7nz_115{display:inline-block}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._mediaContainer_1bmce_2{display:flex;align-items:flex-start;margin-top:1rem;margin-bottom:1rem}._mediaContainer_1bmce_2 ._figure_1bmce_8{flex:0 0 auto;place-self:flex-start;margin:.75rem .75rem 0 0;padding:0}._mediaContainer_1bmce_2 ._figure_1bmce_8._sidebar_1bmce_14{margin:0}._mediaContainer_1bmce_2 ._figure_1bmce_8._center-aligned_1bmce_17{align-self:center;margin:0 .75rem 0 0}._mediaContainer_1bmce_2 ._figure_1bmce_8._center-aligned_1bmce_17._sidebar_1bmce_14{align-self:flex-start}._mediaContainer_1bmce_2 ._figure_1bmce_8._top-aligned_1bmce_24{align-self:top;margin:0 .75rem 0 0}._mediaContainer_1bmce_2._sidebar_1bmce_14{flex-direction:column;gap:.5rem;margin-bottom:1.25rem}._mediaContainer_1bmce_2._welcomeMessage_1bmce_33{margin-top:0;margin-bottom:0}._mediaContainer_1bmce_2._welcomeMessage_1bmce_33 ._contentCard_1bmce_37{display:flex;flex-direction:column;gap:2rem}._mediaContainer_1bmce_2._question_1bmce_42{align-items:center;justify-content:flex-end;border-radius:1.5rem}._mediaContainer_1bmce_2._question_1bmce_42 ._figure_1bmce_8{align-self:center;margin:0 0 0 .75rem}._mediaContainer_1bmce_2._question_1bmce_42._sidebar_1bmce_14{margin-top:.75rem;margin-bottom:.75rem}._mediaContainer_1bmce_2._question_1bmce_42._sidebar_1bmce_14 ._figure_1bmce_8{align-self:flex-end}._mediaContainer_1bmce_2._question_1bmce_42 ._contentCard_1bmce_37{padding:.75rem 1rem;line-height:1.5rem;background-color:#ece9f8;border-radius:1.5rem}._mediaContainer_1bmce_2._answer_1bmce_64._sidebar_1bmce_14{margin-top:.75rem;margin-bottom:.75rem}._mediaContainer_1bmce_2 ._body_1bmce_68{min-width:0;word-wrap:break-word;overflow-wrap:break-word}._mediaContainer_1bmce_2 ._body_1bmce_68._answer_1bmce_64{width:100%;border:none}._mediaContainer_1bmce_2 ._body_1bmce_68._answer_1bmce_64 ._contentCard_1bmce_37{padding:.75rem 1rem;background-color:transparent;border:none;border-radius:1.5rem}._mediaContainer_1bmce_2 ._body_1bmce_68._answer_1bmce_64 ._contentCard_1bmce_37:hover{background-color:#f4f4f4}._mediaContainer_1bmce_2 ._body_1bmce_68._welcomeMessage_1bmce_33{width:100%;border:none}._mediaContainer_1bmce_2 ._body_1bmce_68._welcomeMessage_1bmce_33 ._contentCard_1bmce_37{margin:0 1rem;padding:0;background-color:transparent;border:none;border-radius:1.5rem}._mediaContainer_1bmce_2 ._body_1bmce_68._sidebar_1bmce_14._question_1bmce_42{align-self:flex-end}._mediaContainer_1bmce_2 ._body_1bmce_68._error_1bmce_101{display:flex;flex-wrap:wrap;align-items:center;box-sizing:border-box;width:unset;padding:.75rem 1rem;border-radius:1.75rem}._mediaContainer_1bmce_2 ._body_1bmce_68._error_1bmce_101:hover{background-color:#fdebee}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._questionInput_1vo9m_2{position:relative;z-index:1;align-items:end;min-height:3rem;margin:1rem;padding:0;background:#fff;background-clip:padding-box,border-box!important;background-origin:border-box!important;border:1px solid #d3d3d3!important;border-radius:1.25rem!important;box-shadow:0 2px 12px #2222221f}._questionInput_1vo9m_2._questionInputWithOutPromptLibrary_1vo9m_16{display:flex;flex:1 1 auto;border-radius:1.5rem!important}._questionInput_1vo9m_2:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#fe03dc,#2784fa)!important;border:1px solid rgba(0,0,0,0)!important}._questionInput_1vo9m_2:focus-within{box-sizing:unset!important;margin:calc(1rem - 1px);background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#fe03dc,#2784fa)!important;border:2px solid rgba(0,0,0,0)!important}._questionInput_1vo9m_2 ._avatar_1vo9m_31{margin-bottom:.25rem}._questionInput_1vo9m_2 ._inputAreaButton_1vo9m_34{position:absolute;right:0;margin-right:.25rem;margin-bottom:.25rem;background:linear-gradient(135deg,#fe03dc,#2784fa);border:0;border-radius:1.5rem!important}._questionInput_1vo9m_2 ._inputAreaButton_1vo9m_34:disabled{background:linear-gradient(135deg,#cb02b0,#1f6ac8)}._questionInput_1vo9m_2 ._inputAreaButton_1vo9m_34:not(:disabled):hover,._questionInput_1vo9m_2 ._inputAreaButton_1vo9m_34:not(:disabled):active{background:linear-gradient(135deg,#cb02b0,#1f6ac8);border:0}._questionInput_1vo9m_2 ._inputAreaButton_1vo9m_34:not(:disabled):focus,._questionInput_1vo9m_2 ._inputAreaButton_1vo9m_34:not(:disabled):focus-visible{background:linear-gradient(135deg,#fe03dc,#2784fa)}._questionInput_1vo9m_2 ._inputAreaButton_1vo9m_34:not(:disabled):hover:focus,._questionInput_1vo9m_2 ._inputAreaButton_1vo9m_34:not(:disabled):hover:focus-visible{background:linear-gradient(135deg,#cb02b0,#1f6ac8)}._questionInput_1vo9m_2 ._square_1vo9m_56{display:inline-block;width:15px;height:15px;background-color:#fff;border-radius:3px}._questionInput_1vo9m_2 ._textArea_1vo9m_63{gap:0;width:100%;margin:0 1rem 0 0;padding-right:46px;box-shadow:none}._questionInput_1vo9m_2 ._textArea_1vo9m_63 div{box-shadow:none!important}._questionInput_1vo9m_2 ._textArea_1vo9m_63 span{padding:.5rem .75rem .75rem;margin-block-start:0}._questionInput_1vo9m_2 ._textArea_1vo9m_63 textarea{width:100%;margin:.475rem 0;padding:.4rem 1rem;background:inherit;border:none;border-radius:1.25rem;box-shadow:none}._questionInput_1vo9m_2 ._textArea_1vo9m_63 textarea:not(:disabled,:focus-visible,._error_1vo9m_86):hover{background:inherit}._questionInput_1vo9m_2._sidebar_1vo9m_89 ._textArea_1vo9m_63{padding-right:26px}._questionInput_1vo9m_2._sidebar_1vo9m_89 ._textArea_1vo9m_63 div{align-items:center;height:100%}._submitButtonTooltip_1vo9m_97{text-align:center}@media(max-width:767px){._questionInput_1vo9m_2 ._textArea_1vo9m_63{margin:0 .75rem 0 0}}._actionContainer_1vo9m_106{display:flex;justify-content:space-between;margin:0 0 0 .25rem}._promptButton_1vo9m_112{margin-bottom:.25rem;color:#6f6f6f;background-color:#fff!important;border:1px solid rgba(0,0,0,.08)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._suggestions_94tw9_2{display:flex;flex-flow:row wrap;gap:.75rem;align-items:center;justify-content:center}._suggestions_94tw9_2 ._suggestion_94tw9_2{height:auto;min-height:2.5rem;padding:.5rem 0;text-align:start;background-color:#faf5fe;border-radius:1.5rem}._suggestions_94tw9_2 ._suggestion_94tw9_2:hover:enabled{background-color:#f5ebfd}._suggestions_94tw9_2 ._suggestion_94tw9_2 span{font-size:.9375rem;line-height:1.5rem;white-space:normal;text-align:start}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._thinkingBubbleContainer_1t2ug_1{font-size:var(--body-default-font-size);border:1px solid var(--black-opacity-08);transition:width .3s ease,height .3s ease}._thinkingBubbleHeader_1t2ug_7{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-4);background:none;border:none}._thinkingBubbleHeader_1t2ug_7:not([disabled]){cursor:pointer}._thinkingBubbleHeader_1t2ug_7 ._headerLeft_1t2ug_19{display:flex;gap:var(--space-4);align-items:center}._thinkingBubbleHeader_1t2ug_7 ._thinkingBubbleLogo_1t2ug_24{width:var(--size-6);height:var(--size-6)}._thinkingBubbleHeader_1t2ug_7 ._chevronIcon_1t2ug_28{width:var(--size-4);height:var(--size-4);opacity:1}._thinkingBubbleHeader_1t2ug_7 ._chevronIcon_1t2ug_28._chevronRotated_1t2ug_33{transform:rotate(90deg)}._thinkingBubbleHeader_1t2ug_7 ._chevronIcon_1t2ug_28._chevronDisabled_1t2ug_36{opacity:0}._logoState_1t2ug_40{display:flex;align-items:center;justify-content:center;width:var(--size-15);height:var(--size-15);border-radius:var(--radius-half)}._logoState_1t2ug_40 ._thinkingBubbleHeader_1t2ug_7{justify-content:center;padding:0}._headerExpanded_1t2ug_53{width:100%;border-radius:var(--radius-8)}._thinkingBubbleContent_1t2ug_58{position:relative;max-height:140px;padding:0 var(--space-4) var(--space-2) var(--space-14);opacity:1;transition:opacity .15s ease,max-height .15s ease}._scrollableContainer_1t2ug_66{max-height:120px;padding-right:var(--space-3);overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:transparent transparent}._scrollableContainer_1t2ug_66::-webkit-scrollbar-track,._scrollableContainer_1t2ug_66::-webkit-scrollbar-thumb{background:transparent}._scrollableContainer_1t2ug_66:hover{scrollbar-color:rgba(0,0,0,.3) transparent}._scrollableContainer_1t2ug_66:hover::-webkit-scrollbar-thumb{background:#0000004d}._contentExpanded_1t2ug_84 ._thinkingBubbleContent_1t2ug_58{max-height:420px}._contentExpanded_1t2ug_84 ._scrollableContainer_1t2ug_66{max-height:400px}._contentExpanded_1t2ug_84._sidebar_1t2ug_90 ._thinkingBubbleContent_1t2ug_58{max-height:320px}._contentExpanded_1t2ug_84._sidebar_1t2ug_90 ._scrollableContainer_1t2ug_66{max-height:300px}._thinkingBubbleContent_1t2ug_58:before{position:absolute;inset:0 var(--space-8) 0 var(--space-9);background:linear-gradient(to bottom,white 0%,transparent 8px,transparent calc(100% - 16px),white 100%);content:"";pointer-events:none}._pillState_1t2ug_105{max-width:fit-content;opacity:1;transition:width .3s ease,height .3s ease}._pillState_1t2ug_105 ._thinkingBubbleHeader_1t2ug_7{gap:var(--space-2)}
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/box-ai-content-answers",
|
|
3
|
-
"version": "1.34.
|
|
3
|
+
"version": "1.34.4",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@box/blueprint-web": "^12.
|
|
6
|
-
"@box/blueprint-web-assets": "^4.101.
|
|
7
|
-
"@box/box-ai-agent-selector": "^1.30.
|
|
8
|
-
"@box/item-icon": "^2.22.
|
|
5
|
+
"@box/blueprint-web": "^12.136.0",
|
|
6
|
+
"@box/blueprint-web-assets": "^4.101.3",
|
|
7
|
+
"@box/box-ai-agent-selector": "^1.30.4",
|
|
8
|
+
"@box/item-icon": "^2.22.4",
|
|
9
9
|
"formik": "^2.0.3",
|
|
10
10
|
"highlight.js": "^11.9.0",
|
|
11
11
|
"immutable": ">4.0.0",
|
|
@@ -17,11 +17,11 @@
|
|
|
17
17
|
},
|
|
18
18
|
"devDependencies": {
|
|
19
19
|
"@box/babel-plugin-target-attributes": "1.4.0",
|
|
20
|
-
"@box/blueprint-web": "^12.
|
|
21
|
-
"@box/blueprint-web-assets": "^4.101.
|
|
22
|
-
"@box/box-ai-agent-selector": "^1.30.
|
|
23
|
-
"@box/item-icon": "^2.22.
|
|
24
|
-
"@box/storybook-utils": "^0.16.
|
|
20
|
+
"@box/blueprint-web": "^12.136.0",
|
|
21
|
+
"@box/blueprint-web-assets": "^4.101.3",
|
|
22
|
+
"@box/box-ai-agent-selector": "^1.30.4",
|
|
23
|
+
"@box/item-icon": "^2.22.4",
|
|
24
|
+
"@box/storybook-utils": "^0.16.40",
|
|
25
25
|
"@testing-library/react": "^15.0.6",
|
|
26
26
|
"react": "^18.3.0",
|
|
27
27
|
"react-dom": "^18.3.0",
|