@patternfly/chatbot 6.10.0-prerelease.1 → 6.10.0-prerelease.2
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/cjs/ChatbotHeader/ChatbotHeaderCloseButton.js +1 -1
- package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.js +1 -1
- package/dist/cjs/ChatbotHeader/ChatbotHeaderOptionsDropdown.js +1 -1
- package/dist/cjs/MarkdownContent/MarkdownRenderer.d.ts +0 -1
- package/dist/cjs/MarkdownContent/MarkdownRenderer.js +1 -3
- package/dist/cjs/Message/CodeBlockMessage/CodeBlockMessage.js +2 -5
- package/dist/cjs/MessageBox/JumpButton.js +1 -1
- package/dist/css/main.css +12 -150
- package/dist/css/main.css.map +1 -1
- package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.js +1 -1
- package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.js +1 -1
- package/dist/esm/ChatbotHeader/ChatbotHeaderOptionsDropdown.js +1 -1
- package/dist/esm/MarkdownContent/MarkdownRenderer.d.ts +0 -1
- package/dist/esm/MarkdownContent/MarkdownRenderer.js +1 -3
- package/dist/esm/Message/CodeBlockMessage/CodeBlockMessage.js +2 -5
- package/dist/esm/MessageBox/JumpButton.js +1 -1
- package/package.json +1 -1
- package/patternfly-docs/content/extensions/chatbot/tree-shaking.md +1 -1
- package/src/ChatbotAlert/ChatbotAlert.scss +2 -0
- package/src/ChatbotHeader/ChatbotHeader.scss +0 -39
- package/src/ChatbotHeader/ChatbotHeaderCloseButton.test.tsx +0 -5
- package/src/ChatbotHeader/ChatbotHeaderCloseButton.tsx +2 -2
- package/src/ChatbotHeader/ChatbotHeaderMenu.tsx +2 -1
- package/src/ChatbotHeader/ChatbotHeaderOptionsDropdown.tsx +2 -1
- package/src/MarkdownContent/MarkdownRenderer.tsx +1 -3
- package/src/Message/CodeBlockMessage/CodeBlockMessage.scss +5 -46
- package/src/Message/CodeBlockMessage/CodeBlockMessage.test.tsx +0 -6
- package/src/Message/CodeBlockMessage/CodeBlockMessage.tsx +4 -5
- package/src/Message/Message.test.tsx +0 -3
- package/src/MessageBox/JumpButton.scss +0 -15
- package/src/MessageBox/JumpButton.tsx +1 -0
|
@@ -20,6 +20,6 @@ const ChatbotHeaderCloseButtonBase = (_a) => {
|
|
|
20
20
|
var { className, onClick, tooltipProps, menuAriaLabel = 'Close', innerRef, tooltipContent = 'Close', isCompact } = _a, props = __rest(_a, ["className", "onClick", "tooltipProps", "menuAriaLabel", "innerRef", "tooltipContent", "isCompact"]);
|
|
21
21
|
return ((0, jsx_runtime_1.jsx)("div", { className: `pf-chatbot__menu${className ? ` ${className}` : ''}`, children: (0, jsx_runtime_1.jsx)(react_core_1.Tooltip, Object.assign({ content: tooltipContent, position: "bottom",
|
|
22
22
|
// prevents VO announcements of both aria label and tooltip
|
|
23
|
-
aria: "none" }, tooltipProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, Object.assign({
|
|
23
|
+
aria: "none" }, tooltipProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, Object.assign({ variant: "plain", onClick: onClick, "aria-label": menuAriaLabel, ref: innerRef, icon: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { children: (0, jsx_runtime_1.jsx)(react_icons_1.RhMicronsCloseIcon, {}) }), size: isCompact ? 'sm' : undefined, isCircle: true }, props)) })) }));
|
|
24
24
|
};
|
|
25
25
|
exports.ChatbotHeaderCloseButton = (0, react_1.forwardRef)((props, ref) => ((0, jsx_runtime_1.jsx)(ChatbotHeaderCloseButtonBase, Object.assign({ innerRef: ref }, props))));
|
|
@@ -42,7 +42,7 @@ const ChatbotHeaderMenuBase = (_a) => {
|
|
|
42
42
|
return () => clearTimeout(timeout);
|
|
43
43
|
}
|
|
44
44
|
}, [drawerState, isDrawerOpen]);
|
|
45
|
-
const button = (0, react_1.useMemo)(() => ((0, jsx_runtime_1.jsx)(react_core_1.Button, Object.assign({ className: `pf-chatbot__button--toggle-menu ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", onClick: onMenuToggle, "aria-label": menuAriaLabel, ref: innerRef !== null && innerRef !== void 0 ? innerRef : buttonRef, icon: (0, jsx_runtime_1.jsx)(react_core_1.Icon, {
|
|
45
|
+
const button = (0, react_1.useMemo)(() => ((0, jsx_runtime_1.jsx)(react_core_1.Button, Object.assign({ className: `pf-chatbot__button--toggle-menu ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", onClick: onMenuToggle, "aria-label": menuAriaLabel, ref: innerRef !== null && innerRef !== void 0 ? innerRef : buttonRef, icon: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { children: (0, jsx_runtime_1.jsx)(rh_ui_menu_bars_icon_1.RhUiMenuBarsIcon, {}) }), size: isCompact ? 'sm' : undefined }, props, { isCircle: true }))),
|
|
46
46
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
47
47
|
[isCompact, menuAriaLabel, onMenuToggle, innerRef, buttonRef]);
|
|
48
48
|
return ((0, jsx_runtime_1.jsx)("div", { className: `pf-chatbot__menu ${className}`, children: isDrawerAnimating ? (button) : ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, Object.assign({ content: tooltipContent, position: "bottom",
|
|
@@ -24,7 +24,7 @@ const ChatbotHeaderOptionsDropdown = (_a) => {
|
|
|
24
24
|
const [isOptionsMenuOpen, setIsOptionsMenuOpen] = (0, react_1.useState)(false);
|
|
25
25
|
const toggle = (toggleRef) => ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, Object.assign({ className: "pf-chatbot__tooltip", content: "Chatbot options", position: "bottom",
|
|
26
26
|
// prevents VO announcements of both aria label and tooltip
|
|
27
|
-
aria: "none" }, tooltipProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.MenuToggle, Object.assign({ className: `pf-chatbot__button--toggle-options ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", "aria-label": menuToggleAriaLabel, ref: toggleRef, icon: (0, jsx_runtime_1.jsx)(react_core_1.Icon, {
|
|
27
|
+
aria: "none" }, tooltipProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.MenuToggle, Object.assign({ className: `pf-chatbot__button--toggle-options ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", "aria-label": menuToggleAriaLabel, ref: toggleRef, icon: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { children: (0, jsx_runtime_1.jsx)(rh_ui_ellipsis_horizontal_fill_icon_1.default, {}) }), isExpanded: isOptionsMenuOpen, onClick: () => setIsOptionsMenuOpen(!isOptionsMenuOpen), size: isCompact ? 'sm' : undefined, isCircle: true }, toggleProps)) })));
|
|
28
28
|
return ((0, jsx_runtime_1.jsx)(react_core_1.Dropdown, Object.assign({ className: `pf-chatbot__options ${className !== null && className !== void 0 ? className : ''}`, isOpen: isOptionsMenuOpen, onSelect: (e, value) => {
|
|
29
29
|
onSelect && onSelect(e, value);
|
|
30
30
|
setIsOptionsMenuOpen(false);
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { type FunctionComponent } from 'react';
|
|
2
|
-
import 'highlight.js/styles/vs2015.css';
|
|
3
2
|
import type { MarkdownContentProps } from './MarkdownContent';
|
|
4
3
|
export type MarkdownRendererProps = Omit<MarkdownContentProps, 'isMarkdownDisabled' | 'textComponent'>;
|
|
5
4
|
declare const MarkdownRenderer: FunctionComponent<MarkdownRendererProps>;
|
|
@@ -33,14 +33,12 @@ const ImageMessage_1 = __importDefault(require("../Message/ImageMessage/ImageMes
|
|
|
33
33
|
const rehype_unwrap_images_1 = __importDefault(require("rehype-unwrap-images"));
|
|
34
34
|
const rehype_external_links_1 = __importDefault(require("rehype-external-links"));
|
|
35
35
|
const rehype_sanitize_1 = __importDefault(require("rehype-sanitize"));
|
|
36
|
-
const rehype_highlight_1 = __importDefault(require("rehype-highlight"));
|
|
37
|
-
require("highlight.js/styles/vs2015.css");
|
|
38
36
|
const LinkMessage_1 = __importDefault(require("../Message/LinkMessage/LinkMessage"));
|
|
39
37
|
const rehypeMoveImagesOutOfParagraphs_1 = require("../Message/Plugins/rehypeMoveImagesOutOfParagraphs");
|
|
40
38
|
const SuperscriptMessage_1 = __importDefault(require("../Message/SuperscriptMessage/SuperscriptMessage"));
|
|
41
39
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
42
40
|
const MarkdownRenderer = ({ content, codeBlockProps, tableProps, openLinkInNewTab = true, additionalRehypePlugins = [], additionalRemarkPlugins = [], linkProps, reactMarkdownProps, remarkGfmProps, hasNoImages = false, isPrimary, shouldRetainStyles }) => {
|
|
43
|
-
let rehypePlugins = [rehype_unwrap_images_1.default, rehypeMoveImagesOutOfParagraphs_1.rehypeMoveImagesOutOfParagraphs
|
|
41
|
+
let rehypePlugins = [rehype_unwrap_images_1.default, rehypeMoveImagesOutOfParagraphs_1.rehypeMoveImagesOutOfParagraphs];
|
|
44
42
|
if (openLinkInNewTab) {
|
|
45
43
|
rehypePlugins = rehypePlugins.concat([[rehype_external_links_1.default, { target: '_blank' }, rehype_sanitize_1.default]]);
|
|
46
44
|
}
|
|
@@ -16,14 +16,12 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
16
16
|
// Chatbot Main - Message - Content - Code Block
|
|
17
17
|
// ============================================================================
|
|
18
18
|
const react_1 = require("react");
|
|
19
|
-
// Import PatternFly components
|
|
20
19
|
const react_core_1 = require("@patternfly/react-core");
|
|
21
20
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
22
21
|
const react_icons_1 = require("@patternfly/react-icons");
|
|
23
22
|
const DEFAULT_EXPANDED_TEXT = 'Show less';
|
|
24
23
|
const DEFAULT_COLLAPSED_TEXT = 'Show more';
|
|
25
24
|
const CodeBlockMessage = (_a) => {
|
|
26
|
-
var _b;
|
|
27
25
|
var { children, className, 'aria-label': ariaLabel, isExpandable = false, expandableSectionProps, expandableSectionToggleProps, expandedText = DEFAULT_EXPANDED_TEXT, collapsedText = DEFAULT_COLLAPSED_TEXT, customActions, isPrimary, shouldRetainStyles } = _a, props = __rest(_a, ["children", "className", 'aria-label', "isExpandable", "expandableSectionProps", "expandableSectionToggleProps", "expandedText", "collapsedText", "customActions", "isPrimary", "shouldRetainStyles"]);
|
|
28
26
|
const [copied, setCopied] = (0, react_1.useState)(false);
|
|
29
27
|
const [isExpanded, setIsExpanded] = (0, react_1.useState)(false);
|
|
@@ -32,7 +30,6 @@ const CodeBlockMessage = (_a) => {
|
|
|
32
30
|
const toggleId = (0, react_core_1.getUniqueId)();
|
|
33
31
|
const contentId = (0, react_core_1.getUniqueId)();
|
|
34
32
|
const codeBlockRef = (0, react_1.useRef)(null);
|
|
35
|
-
const language = (_b = /language-(\w+)/.exec(className || '')) === null || _b === void 0 ? void 0 : _b[1];
|
|
36
33
|
// Get custom toggle text from data attributes if available - for use with rehype plugins
|
|
37
34
|
const customExpandedText = props['data-expanded-text'];
|
|
38
35
|
const customCollapsedText = props['data-collapsed-text'];
|
|
@@ -74,7 +71,7 @@ const CodeBlockMessage = (_a) => {
|
|
|
74
71
|
return ((0, jsx_runtime_1.jsx)("code", Object.assign({}, props, { className: `pf-chatbot__message-inline-code ${isPrimary ? 'pf-m-primary' : ''}`, children: children })));
|
|
75
72
|
}
|
|
76
73
|
// Setup code block header
|
|
77
|
-
const actions = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_core_1.CodeBlockAction, { className: "pf-chatbot__message-code-block-default-action", children: [
|
|
78
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)('pf-chatbot__message-code-block', shouldRetainStyles && 'pf-m-markdown'), ref: codeBlockRef, children: (0, jsx_runtime_1.jsxs)(react_core_1.CodeBlock, { actions: actions, children: [(0, jsx_runtime_1.jsx)(react_core_1.CodeBlockCode, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isExpandable ? ((0, jsx_runtime_1.jsx)(react_core_1.ExpandableSection, Object.assign({ variant: react_core_1.ExpandableSectionVariant.truncate, isExpanded: isExpanded, isDetached: true, toggleId: toggleId, contentId: contentId }, expandableSectionProps, { children: children }))) : (children) }) }), isExpandable && ((0, jsx_runtime_1.jsx)(react_core_1.ExpandableSectionToggle, Object.assign({ isExpanded: isExpanded, onToggle: onToggle, direction: "up", toggleId: toggleId, contentId: contentId, hasTruncatedContent: true, className: "pf-chatbot__message-code-toggle" }, expandableSectionToggleProps, { children: isExpanded ? finalExpandedText : finalCollapsedText })))] }) }));
|
|
74
|
+
const actions = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(react_core_1.CodeBlockAction, { className: "pf-chatbot__message-code-block-default-action", children: [(0, jsx_runtime_1.jsx)(react_core_1.Button, { ref: buttonRef, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : 'Copy code', variant: "plain", className: "pf-chatbot__button--copy", onClick: (event) => handleCopy(event, children), children: copied ? (0, jsx_runtime_1.jsx)(react_icons_1.RhMicronsCheckmarkIcon, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.RhUiCopyFillIcon, {}) }), (0, jsx_runtime_1.jsx)(react_core_1.Tooltip, { id: tooltipID, content: "Copy", position: "top", triggerRef: buttonRef })] }), customActions] }));
|
|
75
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)('pf-chatbot__message-code-block', shouldRetainStyles && 'pf-m-markdown', className), ref: codeBlockRef, children: (0, jsx_runtime_1.jsxs)(react_core_1.CodeBlock, { actions: actions, children: [(0, jsx_runtime_1.jsx)(react_core_1.CodeBlockCode, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isExpandable ? ((0, jsx_runtime_1.jsx)(react_core_1.ExpandableSection, Object.assign({ variant: react_core_1.ExpandableSectionVariant.truncate, isExpanded: isExpanded, isDetached: true, toggleId: toggleId, contentId: contentId }, expandableSectionProps, { children: children }))) : (children) }) }), isExpandable && ((0, jsx_runtime_1.jsx)(react_core_1.ExpandableSectionToggle, Object.assign({ isExpanded: isExpanded, onToggle: onToggle, direction: "up", toggleId: toggleId, contentId: contentId, hasTruncatedContent: true, className: "pf-chatbot__message-code-toggle" }, expandableSectionToggleProps, { children: isExpanded ? finalExpandedText : finalCollapsedText })))] }) }));
|
|
79
76
|
};
|
|
80
77
|
exports.default = CodeBlockMessage;
|
|
@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
4
|
const react_core_1 = require("@patternfly/react-core");
|
|
5
5
|
const react_icons_1 = require("@patternfly/react-icons");
|
|
6
|
-
const JumpButton = ({ position, isHidden, onClick, jumpButtonProps, jumpButtonTooltipProps }) => isHidden ? null : ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, Object.assign({ id: `pf-chatbot__tooltip--jump-${position}`, content: `Back to ${position}`, position: "top" }, jumpButtonTooltipProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, Object.assign({ variant: "plain", className: `pf-chatbot__jump pf-chatbot__jump--${position}`, "aria-label": `Back to ${position}`, onClick: onClick }, jumpButtonProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { iconSize: "lg", isInline: true, children: position === 'top' ? (0, jsx_runtime_1.jsx)(react_icons_1.RhMicronsArrowUpIcon, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.RhMicronsArrowDownIcon, {}) }) })) })));
|
|
6
|
+
const JumpButton = ({ position, isHidden, onClick, jumpButtonProps, jumpButtonTooltipProps }) => isHidden ? null : ((0, jsx_runtime_1.jsx)(react_core_1.Tooltip, Object.assign({ id: `pf-chatbot__tooltip--jump-${position}`, content: `Back to ${position}`, position: "top" }, jumpButtonTooltipProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.Button, Object.assign({ variant: "plain", className: `pf-chatbot__jump pf-chatbot__jump--${position}`, "aria-label": `Back to ${position}`, onClick: onClick, isCircle: true }, jumpButtonProps, { children: (0, jsx_runtime_1.jsx)(react_core_1.Icon, { iconSize: "lg", isInline: true, children: position === 'top' ? (0, jsx_runtime_1.jsx)(react_icons_1.RhMicronsArrowUpIcon, {}) : (0, jsx_runtime_1.jsx)(react_icons_1.RhMicronsArrowDownIcon, {}) }) })) })));
|
|
7
7
|
exports.default = JumpButton;
|
package/dist/css/main.css
CHANGED
|
@@ -203,9 +203,11 @@
|
|
|
203
203
|
}
|
|
204
204
|
|
|
205
205
|
.pf-chatbot__alert {
|
|
206
|
+
background-color: var(--pf-t--global--background--color--floating--default);
|
|
206
207
|
position: sticky;
|
|
207
208
|
top: var(--pf-t--global--spacer--lg);
|
|
208
209
|
z-index: var(--pf-t--global--z-index--sm);
|
|
210
|
+
border-radius: var(--pf-t--global--border--radius--medium);
|
|
209
211
|
}
|
|
210
212
|
|
|
211
213
|
.pf-chatbot__content {
|
|
@@ -632,40 +634,6 @@
|
|
|
632
634
|
background-color: var(--pf-t--global--background--color--primary--default);
|
|
633
635
|
}
|
|
634
636
|
|
|
635
|
-
.pf-chatbot__button--toggle-options,
|
|
636
|
-
.pf-chatbot__button--toggle-menu {
|
|
637
|
-
width: 3rem;
|
|
638
|
-
height: 3rem;
|
|
639
|
-
border-radius: var(--pf-t--global--border--radius--pill);
|
|
640
|
-
align-items: center;
|
|
641
|
-
justify-content: center;
|
|
642
|
-
}
|
|
643
|
-
.pf-chatbot__button--toggle-options::before,
|
|
644
|
-
.pf-chatbot__button--toggle-menu::before {
|
|
645
|
-
border-radius: inherit;
|
|
646
|
-
}
|
|
647
|
-
.pf-chatbot__button--toggle-options .pf-v6-c-button__icon,
|
|
648
|
-
.pf-chatbot__button--toggle-options .pf-v6-c-menu-toggle__icon,
|
|
649
|
-
.pf-chatbot__button--toggle-menu .pf-v6-c-button__icon,
|
|
650
|
-
.pf-chatbot__button--toggle-menu .pf-v6-c-menu-toggle__icon {
|
|
651
|
-
display: flex;
|
|
652
|
-
align-items: center;
|
|
653
|
-
justify-content: center;
|
|
654
|
-
}
|
|
655
|
-
.pf-chatbot__button--toggle-options:hover .pf-v6-c-button__icon,
|
|
656
|
-
.pf-chatbot__button--toggle-options:hover .pf-v6-c-menu-toggle__icon,
|
|
657
|
-
.pf-chatbot__button--toggle-options:hover .pf-v6-c-icon__content, .pf-chatbot__button--toggle-options:focus .pf-v6-c-button__icon,
|
|
658
|
-
.pf-chatbot__button--toggle-options:focus .pf-v6-c-menu-toggle__icon,
|
|
659
|
-
.pf-chatbot__button--toggle-options:focus .pf-v6-c-icon__content,
|
|
660
|
-
.pf-chatbot__button--toggle-menu:hover .pf-v6-c-button__icon,
|
|
661
|
-
.pf-chatbot__button--toggle-menu:hover .pf-v6-c-menu-toggle__icon,
|
|
662
|
-
.pf-chatbot__button--toggle-menu:hover .pf-v6-c-icon__content,
|
|
663
|
-
.pf-chatbot__button--toggle-menu:focus .pf-v6-c-button__icon,
|
|
664
|
-
.pf-chatbot__button--toggle-menu:focus .pf-v6-c-menu-toggle__icon,
|
|
665
|
-
.pf-chatbot__button--toggle-menu:focus .pf-v6-c-icon__content {
|
|
666
|
-
color: var(--pf-t--global--icon--color--regular);
|
|
667
|
-
}
|
|
668
|
-
|
|
669
637
|
.show-dark,
|
|
670
638
|
:where(.pf-v6-theme-dark) .show-light {
|
|
671
639
|
display: none;
|
|
@@ -688,12 +656,6 @@
|
|
|
688
656
|
vertical-align: middle;
|
|
689
657
|
}
|
|
690
658
|
|
|
691
|
-
.pf-v6-c-menu-toggle.pf-chatbot__button--toggle-options.pf-m-compact,
|
|
692
|
-
.pf-chatbot__button--toggle-menu.pf-m-compact {
|
|
693
|
-
width: 2rem;
|
|
694
|
-
height: 2rem;
|
|
695
|
-
}
|
|
696
|
-
|
|
697
659
|
.pf-chatbot__header .pf-chatbot__actions .pf-v6-c-menu-toggle.pf-m-secondary.pf-m-compact {
|
|
698
660
|
width: initial;
|
|
699
661
|
}
|
|
@@ -1642,9 +1604,8 @@
|
|
|
1642
1604
|
}
|
|
1643
1605
|
|
|
1644
1606
|
.pf-chatbot__message-code-block {
|
|
1645
|
-
|
|
1646
|
-
|
|
1647
|
-
color: var(--pf-t--color--white);
|
|
1607
|
+
background-color: var(--pf-t--global--background--color--inverse--default);
|
|
1608
|
+
color: var(--pf-t--global--text--color--inverse);
|
|
1648
1609
|
border-radius: var(--pf-t--global--border--radius--small);
|
|
1649
1610
|
}
|
|
1650
1611
|
.pf-chatbot__message-code-block .pf-v6-c-code-block {
|
|
@@ -1652,55 +1613,20 @@
|
|
|
1652
1613
|
background-color: inherit;
|
|
1653
1614
|
}
|
|
1654
1615
|
.pf-chatbot__message-code-block .pf-v6-c-code-block__header {
|
|
1655
|
-
|
|
1656
|
-
--pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
1657
|
-
--pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
1658
|
-
--pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
1659
|
-
color: var(--pf-t--color--white);
|
|
1660
|
-
}
|
|
1661
|
-
.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions {
|
|
1662
|
-
width: 100%;
|
|
1663
|
-
}
|
|
1664
|
-
.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__message-code-block-language {
|
|
1665
|
-
text-transform: uppercase;
|
|
1666
|
-
font-family: var(--pf-t--global--font--family--body);
|
|
1667
|
-
}
|
|
1668
|
-
.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__message-code-block-default-action {
|
|
1669
|
-
display: flex;
|
|
1670
|
-
align-items: center;
|
|
1671
|
-
justify-content: space-between;
|
|
1672
|
-
width: 100%;
|
|
1673
|
-
font-size: var(--pf-t--global--font--size--sm);
|
|
1674
|
-
font-weight: var(--pf-t--global--font--weight--body--bold);
|
|
1616
|
+
color: var(--pf-t--global--text--color--inverse);
|
|
1675
1617
|
}
|
|
1676
1618
|
.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions-item > .pf-v6-c-button.pf-m-plain {
|
|
1677
|
-
color: var(--pf-t--color--
|
|
1619
|
+
color: var(--pf-t--global--text--color--inverse);
|
|
1678
1620
|
}
|
|
1679
1621
|
.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions-item > .pf-v6-c-button.pf-m-plain:hover, .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions-item > .pf-v6-c-button.pf-m-plain:focus {
|
|
1680
|
-
color: var(--pf-t--color--
|
|
1622
|
+
color: var(--pf-t--global--text--color--inverse);
|
|
1681
1623
|
}
|
|
1682
1624
|
.pf-chatbot__message-code-block .pf-v6-c-code-block__content {
|
|
1683
|
-
--pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
1684
|
-
--pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
1685
|
-
--pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
1686
|
-
--pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
1687
1625
|
font-size: var(--pf-t--global--font--size--sm);
|
|
1688
1626
|
}
|
|
1689
|
-
.pf-chatbot__message-code-block .pf-v6-c-code-block__content pre,
|
|
1690
|
-
.pf-chatbot__message-code-block .pf-v6-c-code-block__content pre:hover {
|
|
1691
|
-
overflow: hidden;
|
|
1692
|
-
white-space: pre-wrap;
|
|
1693
|
-
word-break: break-all;
|
|
1694
|
-
}
|
|
1695
1627
|
.pf-chatbot__message-code-block .pf-v6-c-code-block__content pre code {
|
|
1696
|
-
display: block;
|
|
1697
|
-
overflow: hidden;
|
|
1698
1628
|
font-size: var(--pf-t--global--font--size--sm);
|
|
1699
1629
|
}
|
|
1700
|
-
.pf-chatbot__message-code-block .pf-v6-c-code-block__content .pf-v6-c-code-block__code > div {
|
|
1701
|
-
padding: 0 !important;
|
|
1702
|
-
overflow: hidden !important;
|
|
1703
|
-
}
|
|
1704
1630
|
.pf-chatbot__message-code-block.pf-m-markdown .pf-v6-c-code-block__code {
|
|
1705
1631
|
font-size: inherit;
|
|
1706
1632
|
}
|
|
@@ -1859,9 +1785,8 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
|
|
|
1859
1785
|
}
|
|
1860
1786
|
|
|
1861
1787
|
.pf-chatbot__message-code-block {
|
|
1862
|
-
|
|
1863
|
-
|
|
1864
|
-
color: var(--pf-t--color--white);
|
|
1788
|
+
background-color: var(--pf-t--global--background--color--inverse--default);
|
|
1789
|
+
color: var(--pf-t--global--text--color--inverse);
|
|
1865
1790
|
border-radius: var(--pf-t--global--border--radius--small);
|
|
1866
1791
|
}
|
|
1867
1792
|
.pf-chatbot__message-code-block .pf-v6-c-code-block {
|
|
@@ -1869,55 +1794,20 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
|
|
|
1869
1794
|
background-color: inherit;
|
|
1870
1795
|
}
|
|
1871
1796
|
.pf-chatbot__message-code-block .pf-v6-c-code-block__header {
|
|
1872
|
-
|
|
1873
|
-
--pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
1874
|
-
--pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
1875
|
-
--pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
1876
|
-
color: var(--pf-t--color--white);
|
|
1877
|
-
}
|
|
1878
|
-
.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions {
|
|
1879
|
-
width: 100%;
|
|
1880
|
-
}
|
|
1881
|
-
.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__message-code-block-language {
|
|
1882
|
-
text-transform: uppercase;
|
|
1883
|
-
font-family: var(--pf-t--global--font--family--body);
|
|
1884
|
-
}
|
|
1885
|
-
.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-chatbot__message-code-block-default-action {
|
|
1886
|
-
display: flex;
|
|
1887
|
-
align-items: center;
|
|
1888
|
-
justify-content: space-between;
|
|
1889
|
-
width: 100%;
|
|
1890
|
-
font-size: var(--pf-t--global--font--size--sm);
|
|
1891
|
-
font-weight: var(--pf-t--global--font--weight--body--bold);
|
|
1797
|
+
color: var(--pf-t--global--text--color--inverse);
|
|
1892
1798
|
}
|
|
1893
1799
|
.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions-item > .pf-v6-c-button.pf-m-plain {
|
|
1894
|
-
color: var(--pf-t--color--
|
|
1800
|
+
color: var(--pf-t--global--text--color--inverse);
|
|
1895
1801
|
}
|
|
1896
1802
|
.pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions-item > .pf-v6-c-button.pf-m-plain:hover, .pf-chatbot__message-code-block .pf-v6-c-code-block__header .pf-v6-c-code-block__actions-item > .pf-v6-c-button.pf-m-plain:focus {
|
|
1897
|
-
color: var(--pf-t--color--
|
|
1803
|
+
color: var(--pf-t--global--text--color--inverse);
|
|
1898
1804
|
}
|
|
1899
1805
|
.pf-chatbot__message-code-block .pf-v6-c-code-block__content {
|
|
1900
|
-
--pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
1901
|
-
--pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
1902
|
-
--pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
1903
|
-
--pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
1904
1806
|
font-size: var(--pf-t--global--font--size--sm);
|
|
1905
1807
|
}
|
|
1906
|
-
.pf-chatbot__message-code-block .pf-v6-c-code-block__content pre,
|
|
1907
|
-
.pf-chatbot__message-code-block .pf-v6-c-code-block__content pre:hover {
|
|
1908
|
-
overflow: hidden;
|
|
1909
|
-
white-space: pre-wrap;
|
|
1910
|
-
word-break: break-all;
|
|
1911
|
-
}
|
|
1912
1808
|
.pf-chatbot__message-code-block .pf-v6-c-code-block__content pre code {
|
|
1913
|
-
display: block;
|
|
1914
|
-
overflow: hidden;
|
|
1915
1809
|
font-size: var(--pf-t--global--font--size--sm);
|
|
1916
1810
|
}
|
|
1917
|
-
.pf-chatbot__message-code-block .pf-v6-c-code-block__content .pf-v6-c-code-block__code > div {
|
|
1918
|
-
padding: 0 !important;
|
|
1919
|
-
overflow: hidden !important;
|
|
1920
|
-
}
|
|
1921
1811
|
.pf-chatbot__message-code-block.pf-m-markdown .pf-v6-c-code-block__code {
|
|
1922
1812
|
font-size: inherit;
|
|
1923
1813
|
}
|
|
@@ -2563,29 +2453,15 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
|
|
|
2563
2453
|
.pf-chatbot__jump {
|
|
2564
2454
|
position: absolute !important;
|
|
2565
2455
|
inset-inline-start: 75% !important;
|
|
2566
|
-
width: 2rem !important;
|
|
2567
|
-
height: 2rem !important;
|
|
2568
|
-
display: flex !important;
|
|
2569
|
-
align-items: center !important;
|
|
2570
|
-
justify-content: center !important;
|
|
2571
|
-
padding: var(--pf-t--global--spacer--md) !important;
|
|
2572
|
-
border-radius: var(--pf-t--global--border--radius--pill) !important;
|
|
2573
|
-
--pf-v6-c-button--MinWidth: 2rem !important;
|
|
2574
2456
|
background-color: var(--pf-t--global--background--color--floating--default);
|
|
2575
|
-
border: 1px solid var(--pf-t--global--border--color--default) !important;
|
|
2576
2457
|
box-shadow: var(--pf-t--global--box-shadow--sm);
|
|
2577
|
-
color: var(--pf-t--global--icon--color--subtle) !important;
|
|
2578
2458
|
transform: translate3d(-50%, 0, 0) !important;
|
|
2579
2459
|
transition: background-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), box-shadow var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), transform var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md), opacity var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md) !important;
|
|
2580
2460
|
z-index: var(--pf-t--global--z-index--md) !important;
|
|
2581
2461
|
}
|
|
2582
|
-
.pf-chatbot__jump .pf-v6-c-button__text {
|
|
2583
|
-
line-height: 1rem;
|
|
2584
|
-
}
|
|
2585
2462
|
.pf-chatbot__jump:hover, .pf-chatbot__jump:focus {
|
|
2586
2463
|
background-color: var(--pf-t--global--background--color--floating--hover);
|
|
2587
2464
|
box-shadow: var(--pf-t--global--box-shadow--md) !important;
|
|
2588
|
-
color: var(--pf-t--global--icon--color--regular) !important;
|
|
2589
2465
|
}
|
|
2590
2466
|
.pf-chatbot__jump--top {
|
|
2591
2467
|
inset-block-start: var(--pf-t--global--spacer--md) !important;
|
|
@@ -2678,29 +2554,15 @@ li[id*=user-content-fn-]:has(> span > span > .pf-chatbot__message-text + .pf-cha
|
|
|
2678
2554
|
.pf-chatbot__jump {
|
|
2679
2555
|
position: absolute !important;
|
|
2680
2556
|
inset-inline-start: 75% !important;
|
|
2681
|
-
width: 2rem !important;
|
|
2682
|
-
height: 2rem !important;
|
|
2683
|
-
display: flex !important;
|
|
2684
|
-
align-items: center !important;
|
|
2685
|
-
justify-content: center !important;
|
|
2686
|
-
padding: var(--pf-t--global--spacer--md) !important;
|
|
2687
|
-
border-radius: var(--pf-t--global--border--radius--pill) !important;
|
|
2688
|
-
--pf-v6-c-button--MinWidth: 2rem !important;
|
|
2689
2557
|
background-color: var(--pf-t--global--background--color--floating--default);
|
|
2690
|
-
border: 1px solid var(--pf-t--global--border--color--default) !important;
|
|
2691
2558
|
box-shadow: var(--pf-t--global--box-shadow--sm);
|
|
2692
|
-
color: var(--pf-t--global--icon--color--subtle) !important;
|
|
2693
2559
|
transform: translate3d(-50%, 0, 0) !important;
|
|
2694
2560
|
transition: background-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), box-shadow var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm), transform var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md), opacity var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md) !important;
|
|
2695
2561
|
z-index: var(--pf-t--global--z-index--md) !important;
|
|
2696
2562
|
}
|
|
2697
|
-
.pf-chatbot__jump .pf-v6-c-button__text {
|
|
2698
|
-
line-height: 1rem;
|
|
2699
|
-
}
|
|
2700
2563
|
.pf-chatbot__jump:hover, .pf-chatbot__jump:focus {
|
|
2701
2564
|
background-color: var(--pf-t--global--background--color--floating--hover);
|
|
2702
2565
|
box-shadow: var(--pf-t--global--box-shadow--md) !important;
|
|
2703
|
-
color: var(--pf-t--global--icon--color--regular) !important;
|
|
2704
2566
|
}
|
|
2705
2567
|
.pf-chatbot__jump--top {
|
|
2706
2568
|
inset-block-start: var(--pf-t--global--spacer--md) !important;
|
package/dist/css/main.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/AttachMenu/AttachMenu.scss","../../src/Chatbot/Chatbot.scss","../../src/ChatbotAlert/ChatbotAlert.scss","../../src/ChatbotContent/ChatbotContent.scss","../../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss","../../src/ChatbotFooter/ChatbotFootnote.scss","../../src/ChatbotFooter/ChatbotFooter.scss","../../src/ChatbotHeader/ChatbotHeader.scss","../../src/ChatbotModal/ChatbotModal.scss","../../src/ChatbotPopover/ChatbotPopover.scss","../../src/ChatbotToggle/ChatbotToggle.scss","../../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss","../../src/Canvas/Canvas.scss","../../src/CodeModal/CodeModal.scss","../../src/Compare/Compare.scss","../../src/DeepThinking/DeepThinking.scss","../../src/FileDetails/FileDetails.scss","../../src/FileDetailsLabel/FileDetailsLabel.scss","../../src/FileDropZone/FileDropZone.scss","../../src/FilePreview/FilePreview.scss","../../src/ImagePreview/ImagePreview.scss","../../src/Message/Message.scss","../../src/Message/MessageLoading.scss","../../src/Message/CodeBlockMessage/CodeBlockMessage.scss","../../src/Message/TextMessage/TextMessage.scss","../../src/Message/SuperscriptMessage/SuperscriptMessage.scss","../../src/Message/ImageMessage/ImageMessage.scss","../../src/Message/LinkMessage/LinkMessage.scss","../../src/Message/ListMessage/ListMessage.scss","../../src/Message/TableMessage/TableMessage.scss","../../src/Message/QuickStarts/QuickStartTile.scss","../../src/Message/QuickResponse/QuickResponse.scss","../../src/Message/UserFeedback/UserFeedback.scss","../../src/MessageBar/AttachButton.scss","../../src/MessageBar/MicrophoneButton.scss","../../src/MessageBar/SendButton.scss","../../src/MessageBar/StopButton.scss","../../src/MessageBar/MessageBar.scss","../../src/MessageBox/JumpButton.scss","../../src/MessageBox/MessageBox.scss","../../src/MessageDivider/MessageDivider.scss","../../src/Onboarding/Onboarding.scss","../../src/ResponseActions/ResponseActions.scss","../../src/Settings/Settings.scss","../../src/SourcesCard/SourcesCard.scss","../../src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss","../../src/TermsOfUse/TermsOfUse.scss","../../src/ToolResponse/ToolResponse.scss","../../src/ToolCall/ToolCall.scss","../../src/main.scss"],"names":[],"mappings":";AAAA;EACE;;;AAGF;AACE;AAsBA;AAKA;;AA1BA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAGF;AACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AC/CJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAYF;;AAVA;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAOF;EA/BF;IAgCI;IACA;;;AAIF;EArCF;IAsCI;;;AAGF;EACE;;AAMF;EACE;;;AAKF;EACE;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EACP;EAEA;EACA;;;AAKF;EAnBF;IAoBI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EACP;;;AAOJ;EACE;EACA;EACA;EACA;EACA;;AAES;EACP;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAdF;IAeI;;;;AAQF;EACE;;AAGF;EACE;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EACP;EACA;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AChMJ;EACE;EACA;EACA;;;ACAF;EACE;EACA;EACA;EACA;EACA;;AAGA;EARF;IASI;;;AAGF;EACE;;;AAKF;EACE;;;AAUJ;EAII;AAAA;AAAA;IACE;IACA;;;AClCJ;EACE;EACA;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAKA;EACE;EACA;;AAIJ;EACE;;AAKF;EACE;EACA;EAEA;EACA;EACA;;AAEF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAOF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAGF;EACE;;;AAOJ;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAIF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAKA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAKA;EACE;;AAKN;EACE;EACA;EACA;EACA;;;AAsBF;EACE;;;AASF;AAAA;EACE;;AAEA;AAAA;AAAA;AAAA;EAEE;;;AASJ;EACE;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;;;AAUF;AAAA;AAAA;AAAA;EACE;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;;;AClXJ;EACE;;AAEA;EACE;EACA;;;ACHJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;;AAES;EACP;;;AAKN;EACE;EACA;EACA;EACA;EACA;;;AAMF;EAGI;AAAA;IACE;;EAGF;AAAA;IACE;IACA;IACA;;;AASJ;EACE;;;AAQF;EACE;;;AAIJ;EACE;EACA;;;AAQA;EAIM;AAAA;IACE;;;;ACrFV;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAMJ;EACE;;AAES;EACP;;;AAIJ;EACE;;;AAOJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAQN;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAOA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;;AC/IF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAIF;EACE;;;AAIJ;EACE;;;AAMF;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAGJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAOJ;EACE;EACA;EACA;EACA;EACA;;;AAQE;EACE;;;AAQN;EACE;;;AAOA;EACE;;AAGF;EACE;EACA;;;AChGF;EACE;;AAMA;EACE;;AAEF;EACE;;AAEF;EACE;;AAIF;EACE;EACA;;AAEF;EACE;;;ACxBN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EACE;;AAKJ;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;;;ACnDF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAOJ;EAIM;AAAA;IACE;IACA;;;AC3DR;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;;;AAIJ;EACE;IACE;IACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;;AAOV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AClJF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;AACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;AAAA;AAAA;EAGA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAGA;EACE;;;AAUF;EACE;EACA;;;AAKN;EACE;;;AAGF;EACE;;;AAIA;EACE;;;AC9FJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;;;AAGJ;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAGF;EACE;;AAEA;EAHF;IAII;;;;AAKN;EACE;;AAEA;EACE;;AAGF;EACE;;AAIA;EADF;IAEI;;;;AAIN;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;IASI;IACA;IACA;;;;ACrEJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;ACtBF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;ACjCF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGO;EACP;EACA;;;AAKF;EACE;;AAGF;EACE;;;AAIJ;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;;;AAKF;EACE;;;AAMF;AAAA;EACE;;;ACpEJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAGA;EANF;IAOI;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AACA;EACE;EACA;EACA;EACA;;;AAME;EADF;IAEI;IACA;IACA;;EAEA;IACE;;;;ACnDR;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;ACpBF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EACE;;AAGJ;EACE;EACA;;AAKA;AAAA;EACE;;AAGJ;EACE;;;ACvDJ;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EAKE;;AAJA;EACE;EACA;;AAOJ;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAGA;EACE;EACA;EAQA;EACA;;AAKA;EACE;EACA;;AAKJ;EACE;EACA;;AAIF;EACE;;AAEF;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAIF;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE;;AAIJ;EACE;;AAIF;EACE;;AAEA;EACE;;;AAON;EACE;EACA;EACA;;;AAGF;EACE;;;ACnLF;EACE;EACA;EACA;EACA;EAEA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IAEE;;;AAIJ;EACE;;;ACtDJ;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAMN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;;ACrGJ;EACE;;AAGE;EACE;;;AAMN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;;AAEF;EACE;EACA;;;AAUJ;EAIE;;;AAIF;EAKE;;;AAIA;EACE;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAIJ;EACE;;AAGF;EACE;EACA;;;AASF;EACE;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AC/IN;EACE;EACA;;AACA;EACE;EACA;;;AJ6LF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAIA;EACE;EACA;;AAEA;EACE;EACA;;AAKN;EACE;;;AEzNJ;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EAEE;;AAMN;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;EAEE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;;AGzGJ;EACE;EACA;EACA;EACA;EAGA;;;ACNA;EACE;;;AHEJ;EACE;;AAGE;EACE;;;AAMN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;;AAEF;EACE;EACA;;;AAUJ;EAIE;;;AAIF;EAKE;;;AAIA;EACE;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAIJ;EACE;;AAGF;EACE;EACA;;;AASF;EACE;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AI3IN;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAMJ;AAAA;EAEE;EACA;EACA;;AAGA;AAAA;EACE;;AAMF;EACE;EACA;;AAIJ;EACE;;;AC/CJ;EACE;EACA;EACA;EAEA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;APhCN;EACE;EACA;EACA;EACA;EAEA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IAEE;;;AAIJ;EACE;;;AQzDJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAKA;EACE;;;AAOF;EACE;;;AClBF;EACE;;AAGF;EALF;IAMI;;;AAGF;EATF;IAUI;;;AAKF;EACE;EACA;;AAIJ;AAAA;EAEE;EACA;;AAIF;EACE;EACA;EACA;;;AC/BJ;EACE;EAEA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAKA;EACE;;;AAGJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;;AAMJ;EACE;;AAGF;EACE;;AAIA;EACE;;;AC/FN;EACE;EACA;EACA;EACA;;AAEA;EAGE;;AAEA;EACE;;;AAQN;EACE;EACA;EACA;;;ACvBF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAMA;EACE;;AAKJ;EACE;EACA;;AAGA;EACE;;AAKA;EACE;;;AAMR;EACE;IACE;;EAEF;IACE;;;AAOJ;EACE;EACA;EACA;;;ACpDF;EACE;EACA;EACA;EACA;EAEA;;;AAGF;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAOJ;EACE;EACA;EACA;;;AC1BF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAKA;EACE;;;AASR;EACE;EACA;EACA;;;ACjCF;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAIA;EACA;EAEA;EACA;EAEA;;AAEA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA,YACE;;AAKF;EACE;EACA;;AAKF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;IACE;IACA;;;AAKF;EACE;IACE;IACA;;;;AAQN;EACE;EACA;;AAEA;EACE;;;AAKF;AAAA;EAEE;EACA;;;AAOJ;EACE;;;AC1KF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA3CF;IA4CI;;;;AC9CJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EAVF;IAWI;;;AAGF;EAdF;IAeI;;;;AAIJ;EACE;;;AAGF;EAGI;AAAA;IACE;IACA;;AAIJ;AAAA;AAAA;EAGC;IACC;IACA;IACA;;EAGF;IACE;IACA;;;AAMF;EACE;;;ACjDJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAKF;EACE;EAEA;;AAGF;EACE;;AAKF;AAAA;EAEE;;;AFnCN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;AAEA;EACE;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA3CF;IA4CI;;;;AGhDJ;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;;AAIF;EACE;IACE;IACA;;;;AASF;AAAA;AAAA;EACE;EACA;;;AAKN;AAAA;EAGE;;AAEA;AAAA;EACE;;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AClGJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;;AAMJ;AAAA;EAEE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AC5CF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAIA;EACE;EACA;;;AAIJ;EACE;;;AC3CF;AAAA;EAEE;EACA;EACA;EACA;;AAEA;AAAA;EACE;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AAGF;EACC;EACA;;;AAIH;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIE;AAAA;EACE;;AAMF;AAAA;EACE;;AAGJ;EACE;;;AAON;EACE;EACA;;;AC9GJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAGA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AC9BA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAIF;EACE;IACE;IACA;;;;AAKN;AAAA;EAGE;;AAGE;AAAA;EACE;;AAIJ;AAAA;EACE;;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;ACnFJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAIA;EACE;;;AC3CJ;EACE;EACA;EAEA;EACA;;AAEA;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;;ACYJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"main.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/AttachMenu/AttachMenu.scss","../../src/Chatbot/Chatbot.scss","../../src/ChatbotAlert/ChatbotAlert.scss","../../src/ChatbotContent/ChatbotContent.scss","../../src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss","../../src/ChatbotFooter/ChatbotFootnote.scss","../../src/ChatbotFooter/ChatbotFooter.scss","../../src/ChatbotHeader/ChatbotHeader.scss","../../src/ChatbotModal/ChatbotModal.scss","../../src/ChatbotPopover/ChatbotPopover.scss","../../src/ChatbotToggle/ChatbotToggle.scss","../../src/ChatbotWelcomePrompt/ChatbotWelcomePrompt.scss","../../src/Canvas/Canvas.scss","../../src/CodeModal/CodeModal.scss","../../src/Compare/Compare.scss","../../src/DeepThinking/DeepThinking.scss","../../src/FileDetails/FileDetails.scss","../../src/FileDetailsLabel/FileDetailsLabel.scss","../../src/FileDropZone/FileDropZone.scss","../../src/FilePreview/FilePreview.scss","../../src/ImagePreview/ImagePreview.scss","../../src/Message/Message.scss","../../src/Message/MessageLoading.scss","../../src/Message/CodeBlockMessage/CodeBlockMessage.scss","../../src/Message/TextMessage/TextMessage.scss","../../src/Message/SuperscriptMessage/SuperscriptMessage.scss","../../src/Message/ImageMessage/ImageMessage.scss","../../src/Message/LinkMessage/LinkMessage.scss","../../src/Message/ListMessage/ListMessage.scss","../../src/Message/TableMessage/TableMessage.scss","../../src/Message/QuickStarts/QuickStartTile.scss","../../src/Message/QuickResponse/QuickResponse.scss","../../src/Message/UserFeedback/UserFeedback.scss","../../src/MessageBar/AttachButton.scss","../../src/MessageBar/MicrophoneButton.scss","../../src/MessageBar/SendButton.scss","../../src/MessageBar/StopButton.scss","../../src/MessageBar/MessageBar.scss","../../src/MessageBox/JumpButton.scss","../../src/MessageBox/MessageBox.scss","../../src/MessageDivider/MessageDivider.scss","../../src/Onboarding/Onboarding.scss","../../src/ResponseActions/ResponseActions.scss","../../src/Settings/Settings.scss","../../src/SourcesCard/SourcesCard.scss","../../src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss","../../src/TermsOfUse/TermsOfUse.scss","../../src/ToolResponse/ToolResponse.scss","../../src/ToolCall/ToolCall.scss","../../src/main.scss"],"names":[],"mappings":";AAAA;EACE;;;AAGF;AACE;AAsBA;AAKA;;AA1BA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAGF;AACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AC/CJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACE;EAYF;;AAVA;EACE;EACA;EACA;;AAEF;EACE;EACA;;AAOF;EA/BF;IAgCI;IACA;;;AAIF;EArCF;IAsCI;;;AAGF;EACE;;AAMF;EACE;;;AAKF;EACE;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EACP;EAEA;EACA;;;AAKF;EAnBF;IAoBI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EACP;;;AAOJ;EACE;EACA;EACA;EACA;EACA;;AAES;EACP;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAdF;IAeI;;;;AAQF;EACE;;AAGF;EACE;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAES;EACP;EACA;EACA;;;AAGF;EACE;;;AAKF;EACE;;;AChMJ;EACE;EACA;EACA;EACA;EACA;;;ACFF;EACE;EACA;EACA;EACA;EACA;;AAGA;EARF;IASI;;;AAGF;EACE;;;AAKF;EACE;;;AAUJ;EAII;AAAA;AAAA;IACE;IACA;;;AClCJ;EACE;EACA;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAKA;EACE;EACA;;AAIJ;EACE;;AAKF;EACE;EACA;EAEA;EACA;EACA;;AAEF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;AAOF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAIF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EAEA;;AAGF;EACE;;;AAOJ;EACE;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAIF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAKA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAKA;EACE;;AAKN;EACE;EACA;EACA;EACA;;;AAsBF;EACE;;;AASF;AAAA;EACE;;AAEA;AAAA;AAAA;AAAA;EAEE;;;AASJ;EACE;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;;;AAUF;AAAA;AAAA;AAAA;EACE;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;;;AClXJ;EACE;;AAEA;EACE;EACA;;;ACHJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;;AAES;EACP;;;AAKN;EACE;EACA;EACA;EACA;EACA;;;AAMF;EAGI;AAAA;IACE;;EAGF;AAAA;IACE;IACA;IACA;;;AASJ;EACE;;;AAQF;EACE;;;AAIJ;EACE;EACA;;;AAQA;EAIM;AAAA;IACE;;;;ACrFV;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAMJ;EACE;;AAES;EACP;;;AAIJ;EACE;;;AAOJ;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;AAOA;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;;;ACxGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAIF;EACE;;;AAIJ;EACE;;;AAMF;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAGJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAOJ;EACE;EACA;EACA;EACA;EACA;;;AAQE;EACE;;;AAQN;EACE;;;AAOA;EACE;;AAGF;EACE;EACA;;;AChGF;EACE;;AAMA;EACE;;AAEF;EACE;;AAEF;EACE;;AAIF;EACE;EACA;;AAEF;EACE;;;ACxBN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EACE;;AAKJ;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;;;ACnDF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAOJ;EAIM;AAAA;IACE;IACA;;;AC3DR;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;;;AAIJ;EACE;IACE;IACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;;AAOV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AClJF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;AACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;AAAA;AAAA;EAGA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAGA;EACE;;;AAUF;EACE;EACA;;;AAKN;EACE;;;AAGF;EACE;;;AAIA;EACE;;;AC9FJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;;AAEA;EACE;EACA;EACA;;;AAGJ;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;AAGF;EACE;;AAEA;EAHF;IAII;;;;AAKN;EACE;;AAEA;EACE;;AAGF;EACE;;AAIA;EADF;IAEI;;;;AAIN;EACE;;AAEA;EAHF;IAII;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EARF;IASI;IACA;IACA;;;;ACrEJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;ACtBF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;ACjCF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGO;EACP;EACA;;;AAKF;EACE;;AAGF;EACE;;;AAIJ;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;;;AAKF;EACE;;;AAMF;AAAA;EACE;;;ACpEJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;AAGA;EANF;IAOI;;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AACA;EACE;EACA;EACA;EACA;;;AAME;EADF;IAEI;IACA;IACA;;EAEA;IACE;;;;ACnDR;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;ACpBF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EACE;;AAGJ;EACE;EACA;;AAKA;AAAA;EACE;;AAGJ;EACE;;;ACvDJ;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EAKE;;AAJA;EACE;EACA;;AAOJ;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAGA;EACE;EACA;EAQA;EACA;;AAKA;EACE;EACA;;AAKJ;EACE;EACA;;AAIF;EACE;;AAEF;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;;AAIF;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQE;;AAIJ;EACE;;AAIF;EACE;;AAEA;EACE;;;AAON;EACE;EACA;EACA;;;AAGF;EACE;;;ACnLF;EACE;EACA;EACA;EACA;EAEA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IAEE;;;AAIJ;EACE;;;ACtDJ;EACE;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;;AAEA;EACE;;AAEA;EAEE;;AAMN;EACE;;AAEA;EACE;;AAIJ;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;;AC5DJ;EACE;;AAGE;EACE;;;AAMN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;;AAEF;EACE;EACA;;;AAUJ;EAIE;;;AAIF;EAKE;;;AAIA;EACE;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAIJ;EACE;;AAGF;EACE;EACA;;;AASF;EACE;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AC/IN;EACE;EACA;;AACA;EACE;EACA;;;AJ6LF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAIA;EACE;EACA;;AAEA;EACE;EACA;;AAKN;EACE;;;AEzNJ;EACE;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;;AAEA;EACE;;AAEA;EAEE;;AAMN;EACE;;AAEA;EACE;;AAIJ;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;EACA;;;AGhEJ;EACE;EACA;EACA;EACA;EAGA;;;ACNA;EACE;;;AHEJ;EACE;;AAGE;EACE;;;AAMN;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAIJ;EACE;;AAEF;EACE;EACA;;;AAUJ;EAIE;;;AAIF;EAKE;;;AAIA;EACE;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAIJ;EACE;;AAGF;EACE;EACA;;;AASF;EACE;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AI3IN;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAMJ;AAAA;EAEE;EACA;EACA;;AAGA;AAAA;EACE;;AAMF;EACE;EACA;;AAIJ;EACE;;;AC/CJ;EACE;EACA;EACA;EAEA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;APhCN;EACE;EACA;EACA;EACA;EAEA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EAEE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;IACE;;EAEF;IAEE;;;AAIJ;EACE;;;AQzDJ;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAKA;EACE;;;AAOF;EACE;;;AClBF;EACE;;AAGF;EALF;IAMI;;;AAGF;EATF;IAUI;;;AAKF;EACE;EACA;;AAIJ;AAAA;EAEE;EACA;;AAIF;EACE;EACA;EACA;;;AC/BJ;EACE;EAEA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAKA;EACE;;;AAGJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;;AAMJ;EACE;;AAGF;EACE;;AAIA;EACE;;;AC/FN;EACE;EACA;EACA;EACA;;AAEA;EAGE;;AAEA;EACE;;;AAQN;EACE;EACA;EACA;;;ACvBF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAMA;EACE;;AAKJ;EACE;EACA;;AAGA;EACE;;AAKA;EACE;;;AAMR;EACE;IACE;;EAEF;IACE;;;AAOJ;EACE;EACA;EACA;;;ACpDF;EACE;EACA;EACA;EACA;EAEA;;;AAGF;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAOJ;EACE;EACA;EACA;;;AC1BF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAKA;EACE;;;AASR;EACE;EACA;EACA;;;ACjCF;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAIA;EACA;EAEA;EACA;EAEA;;AAEA;EACE;EACA;EACA;EACA;EACA;EAEA;EACA,YACE;;AAKF;EACE;EACA;;AAKF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;IACE;IACA;;;AAKF;EACE;IACE;IACA;;;;AAQN;EACE;EACA;;AAEA;EACE;;;AAKF;AAAA;EAEE;EACA;;;AAOJ;EACE;;;AC1KF;EACE;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;AAEA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA5BF;IA6BI;;;;AC/BJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAIA;EAVF;IAWI;;;AAGF;EAdF;IAeI;;;;AAIJ;EACE;;;AAGF;EAGI;AAAA;IACE;IACA;;AAIJ;AAAA;AAAA;EAGC;IACC;IACA;IACA;;EAGF;IACE;IACA;;;AAMF;EACE;;;ACjDJ;EACE;EACA;;AAEA;AAAA;EAEE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAKF;EACE;EAEA;;AAGF;EACE;;AAKF;AAAA;EAEE;;;AFnCN;EACE;EACA;EACA;EACA;EACA;EACA,YACE;EAIF;;AAEA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;;AAIF;EA5BF;IA6BI;;;;AGjCJ;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;;AAIF;EACE;IACE;IACA;;;;AASF;AAAA;AAAA;EACE;EACA;;;AAKN;AAAA;EAGE;;AAEA;AAAA;EACE;;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AClGJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;;AAMJ;AAAA;EAEE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AC5CF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAIA;EACE;EACA;;;AAIJ;EACE;;;AC3CF;AAAA;EAEE;EACA;EACA;EACA;;AAEA;AAAA;EACE;;;AAKF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AAGF;EACC;EACA;;;AAIH;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIE;AAAA;EACE;;AAMF;AAAA;EACE;;AAGJ;EACE;;;AAON;EACE;EACA;;;AC9GJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;;;AAGA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AC9BA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAIF;EACE;IACE;IACA;;;;AAKN;AAAA;EAGE;;AAGE;AAAA;EACE;;AAIJ;AAAA;EACE;;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;ACnFJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;;;AAIA;EACE;;;AC3CJ;EACE;EACA;EAEA;EACA;;AAEA;EACE;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;;;ACYJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA","file":"main.css"}
|
|
@@ -17,6 +17,6 @@ const ChatbotHeaderCloseButtonBase = (_a) => {
|
|
|
17
17
|
var { className, onClick, tooltipProps, menuAriaLabel = 'Close', innerRef, tooltipContent = 'Close', isCompact } = _a, props = __rest(_a, ["className", "onClick", "tooltipProps", "menuAriaLabel", "innerRef", "tooltipContent", "isCompact"]);
|
|
18
18
|
return (_jsx("div", { className: `pf-chatbot__menu${className ? ` ${className}` : ''}`, children: _jsx(Tooltip, Object.assign({ content: tooltipContent, position: "bottom",
|
|
19
19
|
// prevents VO announcements of both aria label and tooltip
|
|
20
|
-
aria: "none" }, tooltipProps, { children: _jsx(Button, Object.assign({
|
|
20
|
+
aria: "none" }, tooltipProps, { children: _jsx(Button, Object.assign({ variant: "plain", onClick: onClick, "aria-label": menuAriaLabel, ref: innerRef, icon: _jsx(Icon, { children: _jsx(RhMicronsCloseIcon, {}) }), size: isCompact ? 'sm' : undefined, isCircle: true }, props)) })) }));
|
|
21
21
|
};
|
|
22
22
|
export const ChatbotHeaderCloseButton = forwardRef((props, ref) => (_jsx(ChatbotHeaderCloseButtonBase, Object.assign({ innerRef: ref }, props))));
|
|
@@ -39,7 +39,7 @@ const ChatbotHeaderMenuBase = (_a) => {
|
|
|
39
39
|
return () => clearTimeout(timeout);
|
|
40
40
|
}
|
|
41
41
|
}, [drawerState, isDrawerOpen]);
|
|
42
|
-
const button = useMemo(() => (_jsx(Button, Object.assign({ className: `pf-chatbot__button--toggle-menu ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", onClick: onMenuToggle, "aria-label": menuAriaLabel, ref: innerRef !== null && innerRef !== void 0 ? innerRef : buttonRef, icon: _jsx(Icon, {
|
|
42
|
+
const button = useMemo(() => (_jsx(Button, Object.assign({ className: `pf-chatbot__button--toggle-menu ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", onClick: onMenuToggle, "aria-label": menuAriaLabel, ref: innerRef !== null && innerRef !== void 0 ? innerRef : buttonRef, icon: _jsx(Icon, { children: _jsx(RhUiMenuBarsIcon, {}) }), size: isCompact ? 'sm' : undefined }, props, { isCircle: true }))),
|
|
43
43
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
44
44
|
[isCompact, menuAriaLabel, onMenuToggle, innerRef, buttonRef]);
|
|
45
45
|
return (_jsx("div", { className: `pf-chatbot__menu ${className}`, children: isDrawerAnimating ? (button) : (_jsx(Tooltip, Object.assign({ content: tooltipContent, position: "bottom",
|
|
@@ -18,7 +18,7 @@ export const ChatbotHeaderOptionsDropdown = (_a) => {
|
|
|
18
18
|
const [isOptionsMenuOpen, setIsOptionsMenuOpen] = useState(false);
|
|
19
19
|
const toggle = (toggleRef) => (_jsx(Tooltip, Object.assign({ className: "pf-chatbot__tooltip", content: "Chatbot options", position: "bottom",
|
|
20
20
|
// prevents VO announcements of both aria label and tooltip
|
|
21
|
-
aria: "none" }, tooltipProps, { children: _jsx(MenuToggle, Object.assign({ className: `pf-chatbot__button--toggle-options ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", "aria-label": menuToggleAriaLabel, ref: toggleRef, icon: _jsx(Icon, {
|
|
21
|
+
aria: "none" }, tooltipProps, { children: _jsx(MenuToggle, Object.assign({ className: `pf-chatbot__button--toggle-options ${isCompact ? 'pf-m-compact' : ''}`, variant: "plain", "aria-label": menuToggleAriaLabel, ref: toggleRef, icon: _jsx(Icon, { children: _jsx(RhUiEllipsisHorizontalFillIcon, {}) }), isExpanded: isOptionsMenuOpen, onClick: () => setIsOptionsMenuOpen(!isOptionsMenuOpen), size: isCompact ? 'sm' : undefined, isCircle: true }, toggleProps)) })));
|
|
22
22
|
return (_jsx(Dropdown, Object.assign({ className: `pf-chatbot__options ${className !== null && className !== void 0 ? className : ''}`, isOpen: isOptionsMenuOpen, onSelect: (e, value) => {
|
|
23
23
|
onSelect && onSelect(e, value);
|
|
24
24
|
setIsOptionsMenuOpen(false);
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { type FunctionComponent } from 'react';
|
|
2
|
-
import 'highlight.js/styles/vs2015.css';
|
|
3
2
|
import type { MarkdownContentProps } from './MarkdownContent';
|
|
4
3
|
export type MarkdownRendererProps = Omit<MarkdownContentProps, 'isMarkdownDisabled' | 'textComponent'>;
|
|
5
4
|
declare const MarkdownRenderer: FunctionComponent<MarkdownRendererProps>;
|
|
@@ -28,14 +28,12 @@ import ImageMessage from '../Message/ImageMessage/ImageMessage';
|
|
|
28
28
|
import rehypeUnwrapImages from 'rehype-unwrap-images';
|
|
29
29
|
import rehypeExternalLinks from 'rehype-external-links';
|
|
30
30
|
import rehypeSanitize from 'rehype-sanitize';
|
|
31
|
-
import rehypeHighlight from 'rehype-highlight';
|
|
32
|
-
import 'highlight.js/styles/vs2015.css';
|
|
33
31
|
import LinkMessage from '../Message/LinkMessage/LinkMessage';
|
|
34
32
|
import { rehypeMoveImagesOutOfParagraphs } from '../Message/Plugins/rehypeMoveImagesOutOfParagraphs';
|
|
35
33
|
import SuperscriptMessage from '../Message/SuperscriptMessage/SuperscriptMessage';
|
|
36
34
|
import { css } from '@patternfly/react-styles';
|
|
37
35
|
const MarkdownRenderer = ({ content, codeBlockProps, tableProps, openLinkInNewTab = true, additionalRehypePlugins = [], additionalRemarkPlugins = [], linkProps, reactMarkdownProps, remarkGfmProps, hasNoImages = false, isPrimary, shouldRetainStyles }) => {
|
|
38
|
-
let rehypePlugins = [rehypeUnwrapImages, rehypeMoveImagesOutOfParagraphs
|
|
36
|
+
let rehypePlugins = [rehypeUnwrapImages, rehypeMoveImagesOutOfParagraphs];
|
|
39
37
|
if (openLinkInNewTab) {
|
|
40
38
|
rehypePlugins = rehypePlugins.concat([[rehypeExternalLinks, { target: '_blank' }, rehypeSanitize]]);
|
|
41
39
|
}
|
|
@@ -14,14 +14,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
14
14
|
// Chatbot Main - Message - Content - Code Block
|
|
15
15
|
// ============================================================================
|
|
16
16
|
import { useState, useRef, useCallback, useEffect } from 'react';
|
|
17
|
-
// Import PatternFly components
|
|
18
17
|
import { CodeBlock, CodeBlockAction, CodeBlockCode, Button, Tooltip, ExpandableSection, ExpandableSectionToggle, ExpandableSectionVariant, getUniqueId } from '@patternfly/react-core';
|
|
19
18
|
import { css } from '@patternfly/react-styles';
|
|
20
19
|
import { RhMicronsCheckmarkIcon, RhUiCopyFillIcon } from '@patternfly/react-icons';
|
|
21
20
|
const DEFAULT_EXPANDED_TEXT = 'Show less';
|
|
22
21
|
const DEFAULT_COLLAPSED_TEXT = 'Show more';
|
|
23
22
|
const CodeBlockMessage = (_a) => {
|
|
24
|
-
var _b;
|
|
25
23
|
var { children, className, 'aria-label': ariaLabel, isExpandable = false, expandableSectionProps, expandableSectionToggleProps, expandedText = DEFAULT_EXPANDED_TEXT, collapsedText = DEFAULT_COLLAPSED_TEXT, customActions, isPrimary, shouldRetainStyles } = _a, props = __rest(_a, ["children", "className", 'aria-label', "isExpandable", "expandableSectionProps", "expandableSectionToggleProps", "expandedText", "collapsedText", "customActions", "isPrimary", "shouldRetainStyles"]);
|
|
26
24
|
const [copied, setCopied] = useState(false);
|
|
27
25
|
const [isExpanded, setIsExpanded] = useState(false);
|
|
@@ -30,7 +28,6 @@ const CodeBlockMessage = (_a) => {
|
|
|
30
28
|
const toggleId = getUniqueId();
|
|
31
29
|
const contentId = getUniqueId();
|
|
32
30
|
const codeBlockRef = useRef(null);
|
|
33
|
-
const language = (_b = /language-(\w+)/.exec(className || '')) === null || _b === void 0 ? void 0 : _b[1];
|
|
34
31
|
// Get custom toggle text from data attributes if available - for use with rehype plugins
|
|
35
32
|
const customExpandedText = props['data-expanded-text'];
|
|
36
33
|
const customCollapsedText = props['data-collapsed-text'];
|
|
@@ -72,7 +69,7 @@ const CodeBlockMessage = (_a) => {
|
|
|
72
69
|
return (_jsx("code", Object.assign({}, props, { className: `pf-chatbot__message-inline-code ${isPrimary ? 'pf-m-primary' : ''}`, children: children })));
|
|
73
70
|
}
|
|
74
71
|
// Setup code block header
|
|
75
|
-
const actions = (_jsxs(_Fragment, { children: [_jsxs(CodeBlockAction, { className: "pf-chatbot__message-code-block-default-action", children: [
|
|
76
|
-
return (_jsx("div", { className: css('pf-chatbot__message-code-block', shouldRetainStyles && 'pf-m-markdown'), ref: codeBlockRef, children: _jsxs(CodeBlock, { actions: actions, children: [_jsx(CodeBlockCode, { children: _jsx(_Fragment, { children: isExpandable ? (_jsx(ExpandableSection, Object.assign({ variant: ExpandableSectionVariant.truncate, isExpanded: isExpanded, isDetached: true, toggleId: toggleId, contentId: contentId }, expandableSectionProps, { children: children }))) : (children) }) }), isExpandable && (_jsx(ExpandableSectionToggle, Object.assign({ isExpanded: isExpanded, onToggle: onToggle, direction: "up", toggleId: toggleId, contentId: contentId, hasTruncatedContent: true, className: "pf-chatbot__message-code-toggle" }, expandableSectionToggleProps, { children: isExpanded ? finalExpandedText : finalCollapsedText })))] }) }));
|
|
72
|
+
const actions = (_jsxs(_Fragment, { children: [_jsxs(CodeBlockAction, { className: "pf-chatbot__message-code-block-default-action", children: [_jsx(Button, { ref: buttonRef, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : 'Copy code', variant: "plain", className: "pf-chatbot__button--copy", onClick: (event) => handleCopy(event, children), children: copied ? _jsx(RhMicronsCheckmarkIcon, {}) : _jsx(RhUiCopyFillIcon, {}) }), _jsx(Tooltip, { id: tooltipID, content: "Copy", position: "top", triggerRef: buttonRef })] }), customActions] }));
|
|
73
|
+
return (_jsx("div", { className: css('pf-chatbot__message-code-block', shouldRetainStyles && 'pf-m-markdown', className), ref: codeBlockRef, children: _jsxs(CodeBlock, { actions: actions, children: [_jsx(CodeBlockCode, { children: _jsx(_Fragment, { children: isExpandable ? (_jsx(ExpandableSection, Object.assign({ variant: ExpandableSectionVariant.truncate, isExpanded: isExpanded, isDetached: true, toggleId: toggleId, contentId: contentId }, expandableSectionProps, { children: children }))) : (children) }) }), isExpandable && (_jsx(ExpandableSectionToggle, Object.assign({ isExpanded: isExpanded, onToggle: onToggle, direction: "up", toggleId: toggleId, contentId: contentId, hasTruncatedContent: true, className: "pf-chatbot__message-code-toggle" }, expandableSectionToggleProps, { children: isExpanded ? finalExpandedText : finalCollapsedText })))] }) }));
|
|
77
74
|
};
|
|
78
75
|
export default CodeBlockMessage;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Button, Tooltip, Icon } from '@patternfly/react-core';
|
|
3
3
|
import { RhMicronsArrowDownIcon, RhMicronsArrowUpIcon } from '@patternfly/react-icons';
|
|
4
|
-
const JumpButton = ({ position, isHidden, onClick, jumpButtonProps, jumpButtonTooltipProps }) => isHidden ? null : (_jsx(Tooltip, Object.assign({ id: `pf-chatbot__tooltip--jump-${position}`, content: `Back to ${position}`, position: "top" }, jumpButtonTooltipProps, { children: _jsx(Button, Object.assign({ variant: "plain", className: `pf-chatbot__jump pf-chatbot__jump--${position}`, "aria-label": `Back to ${position}`, onClick: onClick }, jumpButtonProps, { children: _jsx(Icon, { iconSize: "lg", isInline: true, children: position === 'top' ? _jsx(RhMicronsArrowUpIcon, {}) : _jsx(RhMicronsArrowDownIcon, {}) }) })) })));
|
|
4
|
+
const JumpButton = ({ position, isHidden, onClick, jumpButtonProps, jumpButtonTooltipProps }) => isHidden ? null : (_jsx(Tooltip, Object.assign({ id: `pf-chatbot__tooltip--jump-${position}`, content: `Back to ${position}`, position: "top" }, jumpButtonTooltipProps, { children: _jsx(Button, Object.assign({ variant: "plain", className: `pf-chatbot__jump pf-chatbot__jump--${position}`, "aria-label": `Back to ${position}`, onClick: onClick, isCircle: true }, jumpButtonProps, { children: _jsx(Icon, { iconSize: "lg", isInline: true, children: position === 'top' ? _jsx(RhMicronsArrowUpIcon, {}) : _jsx(RhMicronsArrowDownIcon, {}) }) })) })));
|
|
5
5
|
export default JumpButton;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/chatbot",
|
|
3
|
-
"version": "6.10.0-prerelease.
|
|
3
|
+
"version": "6.10.0-prerelease.2",
|
|
4
4
|
"description": "This library provides React components based on PatternFly 6 that can be used to build chatbots.",
|
|
5
5
|
"main": "dist/cjs/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -82,7 +82,7 @@ import AttachmentEdit from '@patternfly/chatbot/dist/dynamic/AttachmentEdit';
|
|
|
82
82
|
|
|
83
83
|
## Markdown rendering (`Message`, `MarkdownContent`)
|
|
84
84
|
|
|
85
|
-
`MarkdownContent` lazy-loads its markdown parser so lightweight imports avoid pulling in `react-markdown
|
|
85
|
+
`MarkdownContent` lazy-loads its markdown parser so lightweight imports avoid pulling in `react-markdown` and related dependencies until they are needed.
|
|
86
86
|
|
|
87
87
|
`MessageBox` automatically preloads the markdown renderer and coordinates rendering so existing messages do not each flash an individual loading state — message chrome (avatars, timestamps, and so on) appears immediately, and markdown content fills in once the chunk is ready.
|
|
88
88
|
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
.pf-chatbot__alert {
|
|
2
|
+
background-color: var(--pf-t--global--background--color--floating--default);
|
|
2
3
|
position: sticky;
|
|
3
4
|
top: var(--pf-t--global--spacer--lg);
|
|
4
5
|
z-index: var(--pf-t--global--z-index--sm);
|
|
6
|
+
border-radius: var(--pf-t--global--border--radius--medium);
|
|
5
7
|
}
|
|
@@ -70,39 +70,6 @@
|
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
|
|
73
|
-
// ============================================================================
|
|
74
|
-
// Toggle Options
|
|
75
|
-
// ============================================================================
|
|
76
|
-
.pf-chatbot__button--toggle-options,
|
|
77
|
-
.pf-chatbot__button--toggle-menu {
|
|
78
|
-
width: 3rem;
|
|
79
|
-
height: 3rem;
|
|
80
|
-
border-radius: var(--pf-t--global--border--radius--pill);
|
|
81
|
-
align-items: center;
|
|
82
|
-
justify-content: center;
|
|
83
|
-
|
|
84
|
-
&::before {
|
|
85
|
-
border-radius: inherit;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.pf-v6-c-button__icon,
|
|
89
|
-
.pf-v6-c-menu-toggle__icon {
|
|
90
|
-
display: flex;
|
|
91
|
-
align-items: center;
|
|
92
|
-
justify-content: center;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
// Interactive states
|
|
96
|
-
&:hover,
|
|
97
|
-
&:focus {
|
|
98
|
-
.pf-v6-c-button__icon,
|
|
99
|
-
.pf-v6-c-menu-toggle__icon,
|
|
100
|
-
.pf-v6-c-icon__content {
|
|
101
|
-
color: var(--pf-t--global--icon--color--regular);
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
|
|
106
73
|
// ============================================================================
|
|
107
74
|
// Examples
|
|
108
75
|
// ============================================================================
|
|
@@ -134,12 +101,6 @@
|
|
|
134
101
|
}
|
|
135
102
|
}
|
|
136
103
|
|
|
137
|
-
.pf-v6-c-menu-toggle.pf-chatbot__button--toggle-options.pf-m-compact,
|
|
138
|
-
.pf-chatbot__button--toggle-menu.pf-m-compact {
|
|
139
|
-
width: 2rem;
|
|
140
|
-
height: 2rem;
|
|
141
|
-
}
|
|
142
|
-
|
|
143
104
|
.pf-chatbot__header .pf-chatbot__actions .pf-v6-c-menu-toggle.pf-m-secondary.pf-m-compact {
|
|
144
105
|
width: initial;
|
|
145
106
|
}
|
|
@@ -17,9 +17,4 @@ describe('ChatbotHeaderCloseButton', () => {
|
|
|
17
17
|
fireEvent.click(screen.getByRole('button', { name: 'Close' }));
|
|
18
18
|
expect(onClick).toHaveBeenCalled();
|
|
19
19
|
});
|
|
20
|
-
|
|
21
|
-
it('should render button with isCompact', () => {
|
|
22
|
-
render(<ChatbotHeaderCloseButton data-testid="close-button" onClick={jest.fn()} isCompact />);
|
|
23
|
-
expect(screen.getByTestId('close-button')).toHaveClass('pf-m-compact');
|
|
24
|
-
});
|
|
25
20
|
});
|
|
@@ -40,17 +40,17 @@ const ChatbotHeaderCloseButtonBase: FunctionComponent<ChatbotHeaderCloseButtonPr
|
|
|
40
40
|
{...tooltipProps}
|
|
41
41
|
>
|
|
42
42
|
<Button
|
|
43
|
-
className={`pf-chatbot__button--toggle-menu ${isCompact ? 'pf-m-compact' : ''}`}
|
|
44
43
|
variant="plain"
|
|
45
44
|
onClick={onClick}
|
|
46
45
|
aria-label={menuAriaLabel}
|
|
47
46
|
ref={innerRef}
|
|
48
47
|
icon={
|
|
49
|
-
<Icon
|
|
48
|
+
<Icon>
|
|
50
49
|
<RhMicronsCloseIcon />
|
|
51
50
|
</Icon>
|
|
52
51
|
}
|
|
53
52
|
size={isCompact ? 'sm' : undefined}
|
|
53
|
+
isCircle
|
|
54
54
|
{...props}
|
|
55
55
|
/>
|
|
56
56
|
</Tooltip>
|
|
@@ -68,12 +68,13 @@ const ChatbotHeaderMenuBase: FunctionComponent<ChatbotHeaderMenuProps> = ({
|
|
|
68
68
|
aria-label={menuAriaLabel}
|
|
69
69
|
ref={innerRef ?? buttonRef}
|
|
70
70
|
icon={
|
|
71
|
-
<Icon
|
|
71
|
+
<Icon>
|
|
72
72
|
<RhUiMenuBarsIcon />
|
|
73
73
|
</Icon>
|
|
74
74
|
}
|
|
75
75
|
size={isCompact ? 'sm' : undefined}
|
|
76
76
|
{...props}
|
|
77
|
+
isCircle
|
|
77
78
|
/>
|
|
78
79
|
),
|
|
79
80
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -55,13 +55,14 @@ export const ChatbotHeaderOptionsDropdown: FunctionComponent<ChatbotHeaderOption
|
|
|
55
55
|
aria-label={menuToggleAriaLabel}
|
|
56
56
|
ref={toggleRef}
|
|
57
57
|
icon={
|
|
58
|
-
<Icon
|
|
58
|
+
<Icon>
|
|
59
59
|
<RhUiEllipsisHorizontalFillIcon />
|
|
60
60
|
</Icon>
|
|
61
61
|
}
|
|
62
62
|
isExpanded={isOptionsMenuOpen}
|
|
63
63
|
onClick={() => setIsOptionsMenuOpen(!isOptionsMenuOpen)}
|
|
64
64
|
size={isCompact ? 'sm' : undefined}
|
|
65
|
+
isCircle
|
|
65
66
|
{...toggleProps}
|
|
66
67
|
/>
|
|
67
68
|
</Tooltip>
|
|
@@ -20,8 +20,6 @@ import ImageMessage from '../Message/ImageMessage/ImageMessage';
|
|
|
20
20
|
import rehypeUnwrapImages from 'rehype-unwrap-images';
|
|
21
21
|
import rehypeExternalLinks from 'rehype-external-links';
|
|
22
22
|
import rehypeSanitize from 'rehype-sanitize';
|
|
23
|
-
import rehypeHighlight from 'rehype-highlight';
|
|
24
|
-
import 'highlight.js/styles/vs2015.css';
|
|
25
23
|
import type { PluggableList } from 'unified';
|
|
26
24
|
import LinkMessage from '../Message/LinkMessage/LinkMessage';
|
|
27
25
|
import { rehypeMoveImagesOutOfParagraphs } from '../Message/Plugins/rehypeMoveImagesOutOfParagraphs';
|
|
@@ -45,7 +43,7 @@ const MarkdownRenderer: FunctionComponent<MarkdownRendererProps> = ({
|
|
|
45
43
|
isPrimary,
|
|
46
44
|
shouldRetainStyles
|
|
47
45
|
}) => {
|
|
48
|
-
let rehypePlugins: PluggableList = [rehypeUnwrapImages, rehypeMoveImagesOutOfParagraphs
|
|
46
|
+
let rehypePlugins: PluggableList = [rehypeUnwrapImages, rehypeMoveImagesOutOfParagraphs];
|
|
49
47
|
if (openLinkInNewTab) {
|
|
50
48
|
rehypePlugins = rehypePlugins.concat([[rehypeExternalLinks, { target: '_blank' }, rehypeSanitize]]);
|
|
51
49
|
}
|
|
@@ -2,9 +2,8 @@
|
|
|
2
2
|
// Chatbot Main - Message - Content - Code Block
|
|
3
3
|
// ============================================================================
|
|
4
4
|
.pf-chatbot__message-code-block {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
color: var(--pf-t--color--white); // same in light + dark theme
|
|
5
|
+
background-color: var(--pf-t--global--background--color--inverse--default);
|
|
6
|
+
color: var(--pf-t--global--text--color--inverse);
|
|
8
7
|
border-radius: var(--pf-t--global--border--radius--small);
|
|
9
8
|
|
|
10
9
|
// Code block
|
|
@@ -15,65 +14,25 @@
|
|
|
15
14
|
|
|
16
15
|
// Code block header
|
|
17
16
|
.pf-v6-c-code-block__header {
|
|
18
|
-
|
|
19
|
-
--pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20
|
-
--pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
21
|
-
--pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
22
|
-
color: var(--pf-t--color--white); // same in light + dark theme
|
|
23
|
-
|
|
24
|
-
.pf-v6-c-code-block__actions {
|
|
25
|
-
width: 100%;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.pf-chatbot__message-code-block-language {
|
|
29
|
-
text-transform: uppercase;
|
|
30
|
-
font-family: var(--pf-t--global--font--family--body);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
// we are overriding some default PatternFly positioning here - it's only necessary for the first two items
|
|
34
|
-
.pf-chatbot__message-code-block-default-action {
|
|
35
|
-
display: flex;
|
|
36
|
-
align-items: center;
|
|
37
|
-
justify-content: space-between;
|
|
38
|
-
width: 100%;
|
|
39
|
-
font-size: var(--pf-t--global--font--size--sm);
|
|
40
|
-
font-weight: var(--pf-t--global--font--weight--body--bold);
|
|
41
|
-
}
|
|
17
|
+
color: var(--pf-t--global--text--color--inverse);
|
|
42
18
|
|
|
43
19
|
.pf-v6-c-code-block__actions-item > .pf-v6-c-button.pf-m-plain {
|
|
44
|
-
color: var(--pf-t--color--
|
|
20
|
+
color: var(--pf-t--global--text--color--inverse);
|
|
45
21
|
|
|
46
22
|
&:hover,
|
|
47
23
|
&:focus {
|
|
48
|
-
color: var(--pf-t--color--
|
|
24
|
+
color: var(--pf-t--global--text--color--inverse);
|
|
49
25
|
}
|
|
50
26
|
}
|
|
51
27
|
}
|
|
52
28
|
|
|
53
29
|
// Code block content
|
|
54
30
|
.pf-v6-c-code-block__content {
|
|
55
|
-
--pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
56
|
-
--pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
57
|
-
--pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
58
|
-
--pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
59
31
|
font-size: var(--pf-t--global--font--size--sm);
|
|
60
32
|
|
|
61
|
-
pre,
|
|
62
|
-
pre:hover {
|
|
63
|
-
overflow: hidden;
|
|
64
|
-
white-space: pre-wrap;
|
|
65
|
-
word-break: break-all;
|
|
66
|
-
}
|
|
67
33
|
pre code {
|
|
68
|
-
display: block;
|
|
69
|
-
overflow: hidden;
|
|
70
34
|
font-size: var(--pf-t--global--font--size--sm);
|
|
71
35
|
}
|
|
72
|
-
|
|
73
|
-
.pf-v6-c-code-block__code > div {
|
|
74
|
-
padding: 0 !important;
|
|
75
|
-
overflow: hidden !important;
|
|
76
|
-
}
|
|
77
36
|
}
|
|
78
37
|
|
|
79
38
|
&.pf-m-markdown .pf-v6-c-code-block__code {
|
|
@@ -29,12 +29,6 @@ describe('CodeBlockMessage', () => {
|
|
|
29
29
|
expect(codeElement?.textContent).toBe(multilineCode);
|
|
30
30
|
});
|
|
31
31
|
|
|
32
|
-
it('should display language label', () => {
|
|
33
|
-
const code = 'const x = 5;\nconst y = 10;';
|
|
34
|
-
render(<CodeBlockMessage className="language-javascript">{code}</CodeBlockMessage>);
|
|
35
|
-
expect(screen.getByText('javascript')).toBeInTheDocument();
|
|
36
|
-
});
|
|
37
|
-
|
|
38
32
|
it('should render copy button', () => {
|
|
39
33
|
const code = 'const x = 5;\nconst y = 10;';
|
|
40
34
|
render(<CodeBlockMessage>{code}</CodeBlockMessage>);
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
// Chatbot Main - Message - Content - Code Block
|
|
3
3
|
// ============================================================================
|
|
4
4
|
import { useState, useRef, useCallback, useEffect } from 'react';
|
|
5
|
-
// Import PatternFly components
|
|
6
5
|
import {
|
|
7
6
|
CodeBlock,
|
|
8
7
|
CodeBlockAction,
|
|
@@ -71,8 +70,6 @@ const CodeBlockMessage = ({
|
|
|
71
70
|
const contentId = getUniqueId();
|
|
72
71
|
const codeBlockRef = useRef<HTMLDivElement>(null);
|
|
73
72
|
|
|
74
|
-
const language = /language-(\w+)/.exec(className || '')?.[1];
|
|
75
|
-
|
|
76
73
|
// Get custom toggle text from data attributes if available - for use with rehype plugins
|
|
77
74
|
const customExpandedText = props['data-expanded-text'];
|
|
78
75
|
const customCollapsedText = props['data-collapsed-text'];
|
|
@@ -133,7 +130,6 @@ const CodeBlockMessage = ({
|
|
|
133
130
|
const actions = (
|
|
134
131
|
<>
|
|
135
132
|
<CodeBlockAction className="pf-chatbot__message-code-block-default-action">
|
|
136
|
-
{language && <div className="pf-chatbot__message-code-block-language">{language}</div>}
|
|
137
133
|
<Button
|
|
138
134
|
ref={buttonRef}
|
|
139
135
|
aria-label={ariaLabel ?? 'Copy code'}
|
|
@@ -150,7 +146,10 @@ const CodeBlockMessage = ({
|
|
|
150
146
|
);
|
|
151
147
|
|
|
152
148
|
return (
|
|
153
|
-
<div
|
|
149
|
+
<div
|
|
150
|
+
className={css('pf-chatbot__message-code-block', shouldRetainStyles && 'pf-m-markdown', className)}
|
|
151
|
+
ref={codeBlockRef}
|
|
152
|
+
>
|
|
154
153
|
<CodeBlock actions={actions}>
|
|
155
154
|
<CodeBlockCode>
|
|
156
155
|
<>
|
|
@@ -808,7 +808,6 @@ describe('Message', () => {
|
|
|
808
808
|
render(<Message avatar="./img" role="user" name="User" content={CODE_MESSAGE} />);
|
|
809
809
|
expect(screen.getByText('Here is some YAML code:')).toBeTruthy();
|
|
810
810
|
expect(screen.getByRole('button', { name: 'Copy code' })).toBeTruthy();
|
|
811
|
-
expect(screen.getByText(/yaml/)).toBeTruthy();
|
|
812
811
|
expect(screen.getByText(/apiVersion:/i)).toBeTruthy();
|
|
813
812
|
expect(screen.getByText(/helm.openshift.io\/v1beta1/i)).toBeTruthy();
|
|
814
813
|
expect(screen.getByText(/metadata:/i)).toBeTruthy();
|
|
@@ -827,7 +826,6 @@ describe('Message', () => {
|
|
|
827
826
|
);
|
|
828
827
|
expect(screen.getByText('Here is some YAML code:')).toBeTruthy();
|
|
829
828
|
expect(screen.getByRole('button', { name: 'Copy code' })).toBeTruthy();
|
|
830
|
-
expect(screen.getByText(/yaml/)).toBeTruthy();
|
|
831
829
|
expect(screen.getByText(/apiVersion/i)).toBeTruthy();
|
|
832
830
|
expect(screen.getByRole('button', { name: /Show more/i })).toBeTruthy();
|
|
833
831
|
});
|
|
@@ -838,7 +836,6 @@ describe('Message', () => {
|
|
|
838
836
|
const button = screen.getByRole('button', { name: /Show more/i });
|
|
839
837
|
await userEvent.click(button);
|
|
840
838
|
expect(screen.getByRole('button', { name: /Show less/i })).toBeTruthy();
|
|
841
|
-
expect(screen.getByText(/yaml/)).toBeTruthy();
|
|
842
839
|
expect(screen.getByText(/apiVersion:/i)).toBeTruthy();
|
|
843
840
|
expect(screen.getByText(/helm.openshift.io\/v1beta1/i)).toBeTruthy();
|
|
844
841
|
expect(screen.getByText(/metadata:/i)).toBeTruthy();
|
|
@@ -5,18 +5,8 @@
|
|
|
5
5
|
.pf-chatbot__jump {
|
|
6
6
|
position: absolute !important;
|
|
7
7
|
inset-inline-start: 75% !important;
|
|
8
|
-
width: 2rem !important;
|
|
9
|
-
height: 2rem !important;
|
|
10
|
-
display: flex !important;
|
|
11
|
-
align-items: center !important;
|
|
12
|
-
justify-content: center !important;
|
|
13
|
-
padding: var(--pf-t--global--spacer--md) !important;
|
|
14
|
-
border-radius: var(--pf-t--global--border--radius--pill) !important;
|
|
15
|
-
--pf-v6-c-button--MinWidth: 2rem !important;
|
|
16
8
|
background-color: var(--pf-t--global--background--color--floating--default);
|
|
17
|
-
border: 1px solid var(--pf-t--global--border--color--default) !important;
|
|
18
9
|
box-shadow: var(--pf-t--global--box-shadow--sm);
|
|
19
|
-
color: var(--pf-t--global--icon--color--subtle) !important;
|
|
20
10
|
transform: translate3d(-50%, 0, 0) !important;
|
|
21
11
|
transition:
|
|
22
12
|
background-color var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--sm),
|
|
@@ -25,15 +15,10 @@
|
|
|
25
15
|
opacity var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--md) !important;
|
|
26
16
|
z-index: var(--pf-t--global--z-index--md) !important;
|
|
27
17
|
|
|
28
|
-
.pf-v6-c-button__text {
|
|
29
|
-
line-height: 1rem;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
18
|
&:hover,
|
|
33
19
|
&:focus {
|
|
34
20
|
background-color: var(--pf-t--global--background--color--floating--hover);
|
|
35
21
|
box-shadow: var(--pf-t--global--box-shadow--md) !important;
|
|
36
|
-
color: var(--pf-t--global--icon--color--regular) !important;
|
|
37
22
|
}
|
|
38
23
|
|
|
39
24
|
&--top {
|