@patternfly/chatbot 2.2.0-prerelease.32 → 2.2.0-prerelease.34

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.
@@ -25,7 +25,7 @@ const QuickResponse = ({ quickResponses, quickResponseContainerProps = { numLabe
25
25
  onClick && onClick();
26
26
  onSelect && onSelect(id);
27
27
  };
28
- return (react_1.default.createElement(react_core_1.LabelGroup, Object.assign({ className: `pf-chatbot__message-quick-response ${quickResponseContainerProps === null || quickResponseContainerProps === void 0 ? void 0 : quickResponseContainerProps.className}` }, quickResponseContainerProps), quickResponses.map((_a) => {
28
+ return (react_1.default.createElement(react_core_1.LabelGroup, Object.assign({ className: `pf-chatbot__message-quick-response ${(quickResponseContainerProps === null || quickResponseContainerProps === void 0 ? void 0 : quickResponseContainerProps.className) ? quickResponseContainerProps === null || quickResponseContainerProps === void 0 ? void 0 : quickResponseContainerProps.className : ''}` }, quickResponseContainerProps), quickResponses.map((_a) => {
29
29
  var { id, onClick, content, className } = _a, props = __rest(_a, ["id", "onClick", "content", "className"]);
30
30
  return (react_1.default.createElement(react_core_1.Label, Object.assign({ variant: id === selectedQuickResponse ? undefined : 'outline', icon: id === selectedQuickResponse ? react_1.default.createElement(react_icons_1.CheckIcon, null) : undefined, color: "blue", key: id, onClick: () => handleQuickResponseClick(id, onClick), className: `${id === selectedQuickResponse ? 'pf-chatbot__message-quick-response--selected' : ''} ${className ? className : ''}` }, props), content));
31
31
  })));
@@ -24,7 +24,7 @@ export interface UserFeedbackProps extends Omit<CardProps, 'onSubmit'>, OUIAProp
24
24
  closeButtonAriaLabel?: string;
25
25
  /** Label for the English word "Submit." */
26
26
  submitWord?: string;
27
- /** Label for the English word "Cancel." */
27
+ /** @deprecated Cancel button has been deprecated. Use the close button instead. Label for the English word "Cancel." */
28
28
  cancelWord?: string;
29
29
  /** Uniquely identifies the card. */
30
30
  id?: string;
@@ -23,7 +23,7 @@ const react_core_1 = require("@patternfly/react-core");
23
23
  const QuickResponse_1 = __importDefault(require("../QuickResponse/QuickResponse"));
24
24
  const CloseButton_1 = __importDefault(require("./CloseButton"));
25
25
  const UserFeedback = (_a) => {
26
- var { className, timestamp, title = 'Why did you choose this rating?', hasTextArea, textAreaAriaLabel = `Provide optional additional feedback for message received at ${timestamp}`, textAreaPlaceholder = 'Provide optional additional feedback', onTextAreaChange, submitWord = 'Submit', quickResponses, quickResponseContainerProps = { 'aria-label': `Quick feedback for message received at ${timestamp}` }, onSubmit, onClose, closeButtonAriaLabel = `Close feedback for message received at ${timestamp}`, id, headingLevel: HeadingLevel = 'h1', focusOnLoad = true, cancelWord = 'Cancel' } = _a, props = __rest(_a, ["className", "timestamp", "title", "hasTextArea", "textAreaAriaLabel", "textAreaPlaceholder", "onTextAreaChange", "submitWord", "quickResponses", "quickResponseContainerProps", "onSubmit", "onClose", "closeButtonAriaLabel", "id", "headingLevel", "focusOnLoad", "cancelWord"]);
26
+ var { className, timestamp, title = 'Why did you choose this rating?', hasTextArea, textAreaAriaLabel = `Provide optional additional feedback for message received at ${timestamp}`, textAreaPlaceholder = 'Provide optional additional feedback', onTextAreaChange, submitWord = 'Submit', quickResponses, quickResponseContainerProps = { 'aria-label': `Quick feedback for message received at ${timestamp}` }, onSubmit, onClose, closeButtonAriaLabel = `Close feedback for message received at ${timestamp}`, id, headingLevel: HeadingLevel = 'h1', focusOnLoad = true } = _a, props = __rest(_a, ["className", "timestamp", "title", "hasTextArea", "textAreaAriaLabel", "textAreaPlaceholder", "onTextAreaChange", "submitWord", "quickResponses", "quickResponseContainerProps", "onSubmit", "onClose", "closeButtonAriaLabel", "id", "headingLevel", "focusOnLoad"]);
27
27
  const [selectedResponse, setSelectedResponse] = react_1.default.useState();
28
28
  const [value, setValue] = react_1.default.useState('');
29
29
  const divRef = react_1.default.useRef(null);
@@ -49,7 +49,6 @@ const UserFeedback = (_a) => {
49
49
  onTextAreaChange && onTextAreaChange(_event, value);
50
50
  }, placeholder: textAreaPlaceholder, "aria-label": textAreaAriaLabel, resizeOrientation: "vertical" })),
51
51
  react_1.default.createElement(react_core_1.ActionGroup, null,
52
- react_1.default.createElement(react_core_1.Button, { onClick: () => onSubmit(selectedResponse, value) }, submitWord),
53
- react_1.default.createElement(react_core_1.Button, { variant: "link", onClick: onClose }, cancelWord)))))));
52
+ react_1.default.createElement(react_core_1.Button, { onClick: () => onSubmit(selectedResponse, value) }, submitWord)))))));
54
53
  };
55
54
  exports.default = UserFeedback;
@@ -32,7 +32,6 @@ describe('UserFeedback', () => {
32
32
  expect(react_2.screen.getByRole('button', { name: /Resolved my issue/i })).toBeTruthy();
33
33
  expect(react_2.screen.getByRole('button', { name: /Submit/i })).toBeTruthy();
34
34
  expect(react_2.screen.getByRole('button', { name: 'Close feedback for message received at 12/12/12' })).toBeTruthy();
35
- expect(react_2.screen.getByRole('button', { name: /Cancel/i })).toBeTruthy();
36
35
  expect(react_2.screen.queryByRole('textbox', { name: /Provide optional additional feedback/i })).toBeFalsy();
37
36
  });
38
37
  it('should render different title correctly', () => {
@@ -75,18 +74,6 @@ describe('UserFeedback', () => {
75
74
  (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { timestamp: "12/12/12", onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, onClose: spy, closeButtonAriaLabel: "Ima button" }));
76
75
  expect(react_2.screen.getByRole('button', { name: /Ima button/i })).toBeTruthy();
77
76
  });
78
- it('should handle onClose correctly when cancel button is clicked', () => __awaiter(void 0, void 0, void 0, function* () {
79
- const spy = jest.fn();
80
- (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, onClose: spy, timestamp: "12/12/12" }));
81
- const cancelButton = react_2.screen.getByRole('button', { name: 'Cancel' });
82
- expect(cancelButton).toBeTruthy();
83
- yield user_event_1.default.click(cancelButton);
84
- expect(spy).toHaveBeenCalledTimes(1);
85
- }));
86
- it('should change cancel word correctly', () => {
87
- (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, onClose: jest.fn, cancelWord: "Exit", timestamp: "12/12/12" }));
88
- expect(react_2.screen.getByRole('button', { name: 'Exit' })).toBeTruthy();
89
- });
90
77
  it('should handle className', () => __awaiter(void 0, void 0, void 0, function* () {
91
78
  (0, react_2.render)(react_1.default.createElement(UserFeedback_1.default, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, className: "test", "data-testid": "card" }));
92
79
  expect(react_2.screen.getByTestId('card')).toHaveClass('test');
package/dist/css/main.css CHANGED
@@ -507,17 +507,17 @@
507
507
  }
508
508
 
509
509
  .pf-chatbot__chatbot-modal-backdrop {
510
- position: static;
510
+ position: static !important;
511
511
  }
512
512
 
513
513
  .pf-chatbot__chatbot-modal {
514
- --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--medium);
515
- position: fixed;
514
+ --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--medium) !important;
515
+ position: fixed !important;
516
516
  inset-block-end: var(--pf-t--global--spacer--800);
517
517
  inset-inline-end: var(--pf-t--global--spacer--lg);
518
- width: 30rem;
518
+ width: 30rem !important;
519
519
  height: 70vh;
520
- background-color: var(--pf-t--global--background--color--secondary--default);
520
+ background-color: var(--pf-t--global--background--color--secondary--default) !important;
521
521
  }
522
522
  .pf-chatbot__chatbot-modal .pf-v6-c-modal-box__title {
523
523
  --pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--h3);
@@ -551,24 +551,24 @@
551
551
  .pf-chatbot__chatbot-modal--fullscreen {
552
552
  inset-block-end: 0;
553
553
  inset-inline-end: 0;
554
- width: 50%;
555
- height: fit-content;
554
+ width: 50% !important;
555
+ height: fit-content !important;
556
556
  top: 50%;
557
557
  left: 50%;
558
558
  transform: translate(-50%, -50%);
559
559
  }
560
560
  }
561
561
  .pf-chatbot__chatbot-modal--default {
562
- box-shadow: unset;
562
+ box-shadow: unset !important;
563
563
  }
564
564
 
565
565
  .pf-chatbot__chatbot-modal--docked {
566
566
  height: 100vh;
567
567
  inset-block-end: 0;
568
568
  inset-inline-end: 0;
569
- border-radius: 0;
570
- --pf-v6-c-modal-box--MaxHeight: 100vh;
571
- box-shadow: unset;
569
+ border-radius: 0 !important;
570
+ --pf-v6-c-modal-box--MaxHeight: 100vh !important;
571
+ box-shadow: unset !important;
572
572
  }
573
573
 
574
574
  .pf-v6-theme-dark .pf-v6-c-modal-box.pf-chatbot__chatbot-modal .pf-v6-c-modal-box__title {
@@ -662,9 +662,10 @@
662
662
  --pf-v6-c-code-editor__main--BorderEndStartRadius: 0;
663
663
  --pf-v6-c-code-editor__main--BorderEndEndRadius: 0;
664
664
  --pf-v6-c-code-editor__tab--BorderStartEndRadius: var(--pf-t--global--border--radius--small);
665
+ --pf-v6-c-code-editor--m-read-only__main--BackgroundColor: #1f1f1f;
665
666
  }
666
667
  .pf-chatbot__code-modal .pf-v6-c-code-editor__header {
667
- background: #1f1f1f;
668
+ background: #1f1f1f !important;
668
669
  /** this is for the attachment editor header */
669
670
  border-start-start-radius: var(--pf-t--global--border--radius--small);
670
671
  border-start-end-radius: var(--pf-t--global--border--radius--small);
@@ -682,7 +683,9 @@
682
683
  .pf-chatbot__code-modal .pf-v6-c-code-editor__header-content {
683
684
  --pf-v6-c-code-editor__header-content--BackgroundColor: #1f1f1f;
684
685
  --pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: #1f1f1f;
685
- --pf-v6-c-code-editor__header-content--BorderStartStartRadius: var(--pf-t--global--border--radius--small);
686
+ --pf-v6-c-code-editor__header-content--BorderStartStartRadius: var(
687
+ --pf-t--global--border--radius--small
688
+ ) !important;
686
689
  --pf-v6-c-code-editor__header-content--PaddingInlineEnd: 0;
687
690
  justify-content: flex-end;
688
691
  }
@@ -730,7 +733,7 @@
730
733
  }
731
734
 
732
735
  .pf-chatbot__code-modal--fullscreen {
733
- height: inherit;
736
+ height: inherit !important;
734
737
  }
735
738
 
736
739
  .pf-chatbot__compare-container {
@@ -841,10 +844,10 @@
841
844
  }
842
845
 
843
846
  .pf-chatbot__file-label {
844
- padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md);
847
+ padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) !important;
845
848
  gap: var(--pf-t--global--spacer--sm);
846
849
  --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
847
- --pf-v6-c-label--MaxWidth: 12rem;
850
+ --pf-v6-c-label--MaxWidth: 12rem !important;
848
851
  }
849
852
  .pf-chatbot__file-label .pf-v6-c-truncate {
850
853
  max-width: 9ch;
@@ -1313,8 +1316,8 @@
1313
1316
 
1314
1317
  .pf-chatbot__message-table {
1315
1318
  border-radius: var(--pf-t--global--border--radius--small);
1316
- --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--tertiary--default);
1317
- --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
1319
+ --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--tertiary--default) !important;
1320
+ --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default) !important;
1318
1321
  padding: 0 var(--pf-t--global--spacer--lg) 0 var(--pf-t--global--spacer--lg);
1319
1322
  }
1320
1323
  .pf-chatbot__message-table.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
@@ -1472,7 +1475,7 @@
1472
1475
  }
1473
1476
 
1474
1477
  .pf-chatbot__feedback-card-form {
1475
- --pf-v6-c-form__group--m-action--MarginBlockStart: 0;
1478
+ --pf-v6-c-form__group--m-action--MarginBlockStart: 0 !important;
1476
1479
  }
1477
1480
 
1478
1481
  .pf-chatbot__feedback-card-optional {
@@ -1637,13 +1640,13 @@
1637
1640
  --pf-v6-c-form-control--before--BorderStyle: none !important;
1638
1641
  --pf-v6-c-form-control--after--BorderStyle: none !important;
1639
1642
  resize: none !important;
1640
- background-color: transparent;
1641
- font-size: var(--pf-t--global--font--size--md);
1642
- line-height: 1.5rem;
1643
+ background-color: transparent !important;
1644
+ font-size: var(--pf-t--global--font--size--md) !important;
1645
+ line-height: 1.5rem !important;
1643
1646
  max-height: 12rem;
1644
- overflow-y: auto;
1647
+ overflow-y: auto !important;
1645
1648
  outline: none;
1646
- overflow-wrap: break-word;
1649
+ overflow-wrap: break-word !important;
1647
1650
  word-wrap: break-word;
1648
1651
  height: 100%;
1649
1652
  width: 100%;
@@ -1863,6 +1866,11 @@
1863
1866
  padding-block-start: var(--pf-t--global--spacer--sm);
1864
1867
  max-width: 22.5rem;
1865
1868
  }
1869
+ .pf-chatbot__source a {
1870
+ color: var(--pf-t--global--text--color--link--default) !important;
1871
+ -webkit-text-decoration: var(--pf-t--global--text-decoration--link--line--default) !important;
1872
+ text-decoration: var(--pf-t--global--text-decoration--link--line--default) !important;
1873
+ }
1866
1874
 
1867
1875
  .pf-chatbot__sources-card {
1868
1876
  box-shadow: var(--pf-t--global--box-shadow--sm);
@@ -1886,7 +1894,7 @@
1886
1894
 
1887
1895
  .pf-chatbot__sources-card-footer-container {
1888
1896
  border-top: var(--pf-t--global--border--width--regular) solid var(--pf-t--global--border--color--default);
1889
- padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
1897
+ padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm) !important;
1890
1898
  }
1891
1899
  .pf-chatbot__sources-card-footer-container .pf-chatbot__sources-card-footer {
1892
1900
  display: flex;
@@ -1935,7 +1943,7 @@
1935
1943
  }
1936
1944
 
1937
1945
  .pf-chatbot__source-details-icon {
1938
- width: 100%;
1946
+ width: 100% !important;
1939
1947
  }
1940
1948
 
1941
1949
  .pf-chatbot__source-details-icon > .pf-v6-c-icon__content > svg {
@@ -1999,7 +2007,7 @@
1999
2007
 
2000
2008
  .pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--fullscreen.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--fullscreen,
2001
2009
  .pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--embedded.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--embedded {
2002
- height: inherit;
2010
+ height: inherit !important;
2003
2011
  }
2004
2012
  .pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--fullscreen.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--fullscreen .pf-v6-c-content h2,
2005
2013
  .pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--embedded.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--embedded .pf-v6-c-content h2 {
@@ -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/CodeModal/CodeModal.scss","../../src/Compare/Compare.scss","../../src/FileDetails/FileDetails.scss","../../src/FileDetailsLabel/FileDetailsLabel.scss","../../src/FileDropZone/FileDropZone.scss","../../src/Message/Message.scss","../../src/Message/MessageLoading.scss","../../src/Message/CodeBlockMessage/CodeBlockMessage.scss","../../src/Message/TextMessage/TextMessage.scss","../../src/Message/ImageMessage/ImageMessage.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/ResponseActions/ResponseActions.scss","../../src/Settings/Settings.scss","../../src/SourcesCard/SourcesCard.scss","../../src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss","../../src/TermsOfUse/TermsOfUse.scss","../../src/main.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;AACE;AAsBA;AASA;;AA9BA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAGF;AACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;;AAGF;EACE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;ACxDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAKF;EAvBF;IAwBI;IACA;;;AAIF;EA7BF;IA8BI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EAXF;IAYI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAdF;IAeI;;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AC5HJ;EACE;EACA;EACA;;;ACAF;EACE;EACA;EACA;EACA;EACA;;AAGA;EARF;IASI;;;;AAOJ;EAII;AAAA;AAAA;IACE;IACA;;;ACrBJ;EACE;EACA;;AAIF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;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;EACA;;AAKJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAKA;EACE;;;AASJ;EACE;;;AASF;AAAA;EACE;;AACA;AAAA;EACE;;;AASJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;;;AAUF;AAAA;AAAA;AAAA;EACE;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;ACzMF;EACE;;AAEA;EACE;EACA;;;ACHJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAMF;EAGI;AAAA;IACE;;EACA;AAAA;IACE;;EAGJ;AAAA;IACE;IACA;IACA;;;AASJ;EACE;;;AAQF;EACE;;;ACrDJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAQN;EAGI;AAAA;IACE;;EAEF;AAAA;IACE;;;AAUJ;AAAA;EACE;;;AAOJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAOJ;EACE;;;AAOJ;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;ACxIF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;AAAA;EAEE;;AAEF;EACE;EACA;;AAEF;EACE;;;AAOJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAGJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAOJ;EACE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAQE;EACE;;;AAQN;EACE;;;ACvFA;EAA0B;;AAMxB;EAAM;;AACN;EAAuB;;AACvB;EACE;;AAIF;EACE;EACA;;AAEF;EACE;;;ACnBN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AC3BF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAOJ;EAIM;AAAA;IACE;IACA;;;AC1CN;EACE;EACA;EACA;EACA;;AAEF;EACE;AACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;;AASA;EACE;EACA;;;AAKN;EACE;;;AAGF;EACE;;;AClFF;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;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;ACvBF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;;AAGF;EACE;;;AAIJ;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;;;AAKF;EACE;;;AAMF;AAAA;EACE;;;AC/DJ;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;;;;AChDR;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAKJ;EACE;;AAEF;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAMJ;EACE;EACA;EACA;;;AC7FF;EACE;EACA;EACA;EACA;;AAEA;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;;;;AC9CN;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;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;;;AAKN;EACE;EACA;;;AC1EE;EACE;;;AAMN;EACE;;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;;ADrDN;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;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;;;AAKN;EACE;EACA;;;AEhFF;EACE;EACA;EACA;EACA;EAGA;;;ADDE;EACE;;;AAMN;EACE;;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AEpDN;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAKF;AAAA;EAEE;EACA;EACA;;;ACtBJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;ALjBJ;EACE;EACA;EACA;EACA;;AAEA;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;;;;AMjDN;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAKA;EACE;;;AAOF;EACE;;;ACnBJ;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAKF;EACE;EACA;;AAIJ;AAAA;EAEE;EACA;;AAIF;EACE;EACA;EACA;;;AC7BJ;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AChDF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKA;EACE;;AAIJ;EAEE;;AAEA;EACE;;AAKA;EACE;;;AC5BR;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAMA;EACE;;AAKJ;EACE;EACA;;AAGA;EACE;;AAKA;EACE;;;AAMR;EACE;IACE;;EAEF;IACE;;;AC1CJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;;AAEA;EACE;;;AAMJ;EACE;;AACA;EACE;;AAIJ;EACE;EACA;;AAGF;AAAA;EAEE;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AC/CJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAKA;EACE;;;ACrBR;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;AAEA;EACE;;AAGF;EACE;;AAGF;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;;AAEF;EACE;;;AAIJ;EACE;IACE;IACA;;;AAKF;EACE;IACE;IACA;;;;ACxFN;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;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAII;AAAA;AAAA;IACE;IACA;;;ADvCN;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;;;;AEhDJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;;AAKN;EACE;EACA;;;AC1BF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AChCF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EACE;;AAGJ;EACE;EACA;;AAKA;AAAA;EACE;;AAGJ;EACE;;;ACrER;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;;;AC5BJ;EAKE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASA;EACA;EAEA;EAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAKA;EACA;EACA;EAEA;EAEA;;;AAMF;EACE;EACA;EAEA;EAEA;EACA;;;AAGF;EACE;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/CodeModal/CodeModal.scss","../../src/Compare/Compare.scss","../../src/FileDetails/FileDetails.scss","../../src/FileDetailsLabel/FileDetailsLabel.scss","../../src/FileDropZone/FileDropZone.scss","../../src/Message/Message.scss","../../src/Message/MessageLoading.scss","../../src/Message/CodeBlockMessage/CodeBlockMessage.scss","../../src/Message/TextMessage/TextMessage.scss","../../src/Message/ImageMessage/ImageMessage.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/ResponseActions/ResponseActions.scss","../../src/Settings/Settings.scss","../../src/SourcesCard/SourcesCard.scss","../../src/SourceDetailsMenuItem/SourceDetailsMenuItem.scss","../../src/TermsOfUse/TermsOfUse.scss","../../src/main.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;AACE;AAsBA;AASA;;AA9BA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAGF;AACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAKJ;EACE;;AAGF;EACE;;AAIF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;;ACxDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAKF;EAvBF;IAwBI;IACA;;;AAIF;EA7BF;IA8BI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EAXF;IAYI;;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EAdF;IAeI;;;;AAIJ;EACE;;;AAGF;AAAA;AAAA;EAGE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AC5HJ;EACE;EACA;EACA;;;ACAF;EACE;EACA;EACA;EACA;EACA;;AAGA;EARF;IASI;;;;AAOJ;EAII;AAAA;AAAA;IACE;IACA;;;ACrBJ;EACE;EACA;;AAIF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAMJ;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;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;EACA;;AAKJ;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAKA;EACE;;;AASJ;EACE;;;AASF;AAAA;EACE;;AACA;AAAA;EACE;;;AASJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;;;AAUF;AAAA;AAAA;AAAA;EACE;;;AAKN;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;ACzMF;EACE;;AAEA;EACE;EACA;;;ACHJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAMF;EAGI;AAAA;IACE;;EACA;AAAA;IACE;;EAGJ;AAAA;IACE;IACA;IACA;;;AASJ;EACE;;;AAQF;EACE;;;ACrDJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;;AAQN;EAGI;AAAA;IACE;;EAEF;AAAA;IACE;;;AAUJ;AAAA;EACE;;;AAOJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;EACA;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAOJ;EACE;;;AAOJ;AAAA;EAEE;;;AAGF;EACE;;;AAGF;EACE;;;ACxIF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;AAAA;EAEE;;AAEF;EACE;EACA;;AAEF;EACE;;;AAOJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAGJ;EACE;AAAA;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;;;AAOJ;EACE;;;AAMF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAQE;EACE;;;AAQN;EACE;;;ACvFA;EAA0B;;AAMxB;EAAM;;AACN;EAAuB;;AACvB;EACE;;AAIF;EACE;EACA;;AAEF;EACE;;;ACnBN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;;AAIF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AC3BF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;;AAOJ;EAIM;AAAA;IACE;IACA;;;AC1CN;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;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;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;;AASA;EACE;EACA;;;AAKN;EACE;;;AAGF;EACE;;;ACrFF;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;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAIF;EACE;EACA;EACA;EACA;EACA;;;ACvBF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EAEA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;EAEE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;;AAKF;EACE;;AAGF;EACE;;;AAIJ;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;;;AAKF;EACE;;;AAMF;AAAA;EACE;;;AC/DJ;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;;;;AChDR;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;EACA;;AAKF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAKJ;EACE;;AAEF;EACE;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAMJ;EACE;EACA;EACA;;;AC7FF;EACE;EACA;EACA;EACA;;AAEA;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;;;;AC9CN;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;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;;;AAKN;EACE;EACA;;;AC1EE;EACE;;;AAMN;EACE;;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;;ADrDN;EACE;EACA;EACA;EACA;;AAGA;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;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;;;AAKN;EACE;EACA;;;AEhFF;EACE;EACA;EACA;EACA;EAGA;;;ADDE;EACE;;;AAMN;EACE;;;AAIF;EACE;EACA;EACA;;AAEA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AEpDN;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAKF;AAAA;EAEE;EACA;EACA;;;ACtBJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;;ALjBJ;EACE;EACA;EACA;EACA;;AAEA;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;;;;AMjDN;EACE;EACA;;AAEA;EAJF;IAKI;IACA;;;AAKA;EACE;;;AAOF;EACE;;;ACnBJ;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAKF;EACE;EACA;;AAIJ;AAAA;EAEE;EACA;;AAIF;EACE;EACA;EACA;;;AC7BJ;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AChDF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKA;EACE;;AAIJ;EAEE;;AAEA;EACE;;AAKA;EACE;;;AC5BR;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAMA;EACE;;AAKJ;EACE;EACA;;AAGA;EACE;;AAKA;EACE;;;AAMR;EACE;IACE;;EAEF;IACE;;;AC1CJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;;AAEA;EACE;;;AAMJ;EACE;;AACA;EACE;;AAIJ;EACE;EACA;;AAGF;AAAA;EAEE;;;AAIJ;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AC/CJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAKA;EACE;;;ACrBR;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;AAEA;EACE;;AAGF;EACE;;AAGF;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;;AAEF;EACE;;;AAIJ;EACE;IACE;IACA;;;AAKF;EACE;IACE;IACA;;;;ACxFN;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;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EAII;AAAA;AAAA;IACE;IACA;;;ADvCN;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;;;;AEhDJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;;AAKN;EACE;EACA;;;AC1BF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AChCF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EACE;;AAGJ;EACE;EACA;;AAKA;AAAA;EACE;;AAGJ;EACE;;;AC3ER;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;;;AC5BJ;EAKE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASA;EACA;EAEA;EAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAKA;EACA;EACA;EAEA;EAEA;;;AAMF;EACE;EACA;EAEA;EAEA;EACA;;;AAGF;EACE;EACA","file":"main.css"}
@@ -19,7 +19,7 @@ export const QuickResponse = ({ quickResponses, quickResponseContainerProps = {
19
19
  onClick && onClick();
20
20
  onSelect && onSelect(id);
21
21
  };
22
- return (React.createElement(LabelGroup, Object.assign({ className: `pf-chatbot__message-quick-response ${quickResponseContainerProps === null || quickResponseContainerProps === void 0 ? void 0 : quickResponseContainerProps.className}` }, quickResponseContainerProps), quickResponses.map((_a) => {
22
+ return (React.createElement(LabelGroup, Object.assign({ className: `pf-chatbot__message-quick-response ${(quickResponseContainerProps === null || quickResponseContainerProps === void 0 ? void 0 : quickResponseContainerProps.className) ? quickResponseContainerProps === null || quickResponseContainerProps === void 0 ? void 0 : quickResponseContainerProps.className : ''}` }, quickResponseContainerProps), quickResponses.map((_a) => {
23
23
  var { id, onClick, content, className } = _a, props = __rest(_a, ["id", "onClick", "content", "className"]);
24
24
  return (React.createElement(Label, Object.assign({ variant: id === selectedQuickResponse ? undefined : 'outline', icon: id === selectedQuickResponse ? React.createElement(CheckIcon, null) : undefined, color: "blue", key: id, onClick: () => handleQuickResponseClick(id, onClick), className: `${id === selectedQuickResponse ? 'pf-chatbot__message-quick-response--selected' : ''} ${className ? className : ''}` }, props), content));
25
25
  })));
@@ -24,7 +24,7 @@ export interface UserFeedbackProps extends Omit<CardProps, 'onSubmit'>, OUIAProp
24
24
  closeButtonAriaLabel?: string;
25
25
  /** Label for the English word "Submit." */
26
26
  submitWord?: string;
27
- /** Label for the English word "Cancel." */
27
+ /** @deprecated Cancel button has been deprecated. Use the close button instead. Label for the English word "Cancel." */
28
28
  cancelWord?: string;
29
29
  /** Uniquely identifies the card. */
30
30
  id?: string;
@@ -18,7 +18,7 @@ import { ActionGroup, Button, Card, CardBody, CardHeader, Form, TextArea } from
18
18
  import QuickResponse from '../QuickResponse/QuickResponse';
19
19
  import CloseButton from './CloseButton';
20
20
  const UserFeedback = (_a) => {
21
- var { className, timestamp, title = 'Why did you choose this rating?', hasTextArea, textAreaAriaLabel = `Provide optional additional feedback for message received at ${timestamp}`, textAreaPlaceholder = 'Provide optional additional feedback', onTextAreaChange, submitWord = 'Submit', quickResponses, quickResponseContainerProps = { 'aria-label': `Quick feedback for message received at ${timestamp}` }, onSubmit, onClose, closeButtonAriaLabel = `Close feedback for message received at ${timestamp}`, id, headingLevel: HeadingLevel = 'h1', focusOnLoad = true, cancelWord = 'Cancel' } = _a, props = __rest(_a, ["className", "timestamp", "title", "hasTextArea", "textAreaAriaLabel", "textAreaPlaceholder", "onTextAreaChange", "submitWord", "quickResponses", "quickResponseContainerProps", "onSubmit", "onClose", "closeButtonAriaLabel", "id", "headingLevel", "focusOnLoad", "cancelWord"]);
21
+ var { className, timestamp, title = 'Why did you choose this rating?', hasTextArea, textAreaAriaLabel = `Provide optional additional feedback for message received at ${timestamp}`, textAreaPlaceholder = 'Provide optional additional feedback', onTextAreaChange, submitWord = 'Submit', quickResponses, quickResponseContainerProps = { 'aria-label': `Quick feedback for message received at ${timestamp}` }, onSubmit, onClose, closeButtonAriaLabel = `Close feedback for message received at ${timestamp}`, id, headingLevel: HeadingLevel = 'h1', focusOnLoad = true } = _a, props = __rest(_a, ["className", "timestamp", "title", "hasTextArea", "textAreaAriaLabel", "textAreaPlaceholder", "onTextAreaChange", "submitWord", "quickResponses", "quickResponseContainerProps", "onSubmit", "onClose", "closeButtonAriaLabel", "id", "headingLevel", "focusOnLoad"]);
22
22
  const [selectedResponse, setSelectedResponse] = React.useState();
23
23
  const [value, setValue] = React.useState('');
24
24
  const divRef = React.useRef(null);
@@ -44,7 +44,6 @@ const UserFeedback = (_a) => {
44
44
  onTextAreaChange && onTextAreaChange(_event, value);
45
45
  }, placeholder: textAreaPlaceholder, "aria-label": textAreaAriaLabel, resizeOrientation: "vertical" })),
46
46
  React.createElement(ActionGroup, null,
47
- React.createElement(Button, { onClick: () => onSubmit(selectedResponse, value) }, submitWord),
48
- React.createElement(Button, { variant: "link", onClick: onClose }, cancelWord)))))));
47
+ React.createElement(Button, { onClick: () => onSubmit(selectedResponse, value) }, submitWord)))))));
49
48
  };
50
49
  export default UserFeedback;
@@ -27,7 +27,6 @@ describe('UserFeedback', () => {
27
27
  expect(screen.getByRole('button', { name: /Resolved my issue/i })).toBeTruthy();
28
28
  expect(screen.getByRole('button', { name: /Submit/i })).toBeTruthy();
29
29
  expect(screen.getByRole('button', { name: 'Close feedback for message received at 12/12/12' })).toBeTruthy();
30
- expect(screen.getByRole('button', { name: /Cancel/i })).toBeTruthy();
31
30
  expect(screen.queryByRole('textbox', { name: /Provide optional additional feedback/i })).toBeFalsy();
32
31
  });
33
32
  it('should render different title correctly', () => {
@@ -70,18 +69,6 @@ describe('UserFeedback', () => {
70
69
  render(React.createElement(UserFeedback, { timestamp: "12/12/12", onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, onClose: spy, closeButtonAriaLabel: "Ima button" }));
71
70
  expect(screen.getByRole('button', { name: /Ima button/i })).toBeTruthy();
72
71
  });
73
- it('should handle onClose correctly when cancel button is clicked', () => __awaiter(void 0, void 0, void 0, function* () {
74
- const spy = jest.fn();
75
- render(React.createElement(UserFeedback, { onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, onClose: spy, timestamp: "12/12/12" }));
76
- const cancelButton = screen.getByRole('button', { name: 'Cancel' });
77
- expect(cancelButton).toBeTruthy();
78
- yield userEvent.click(cancelButton);
79
- expect(spy).toHaveBeenCalledTimes(1);
80
- }));
81
- it('should change cancel word correctly', () => {
82
- render(React.createElement(UserFeedback, { onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, onClose: jest.fn, cancelWord: "Exit", timestamp: "12/12/12" }));
83
- expect(screen.getByRole('button', { name: 'Exit' })).toBeTruthy();
84
- });
85
72
  it('should handle className', () => __awaiter(void 0, void 0, void 0, function* () {
86
73
  render(React.createElement(UserFeedback, { timestamp: "12/12/12", onClose: jest.fn, onSubmit: jest.fn, quickResponses: MOCK_RESPONSES, className: "test", "data-testid": "card" }));
87
74
  expect(screen.getByTestId('card')).toHaveClass('test');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/chatbot",
3
- "version": "2.2.0-prerelease.32",
3
+ "version": "2.2.0-prerelease.34",
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",
@@ -34,6 +34,9 @@
34
34
  "@patternfly/react-core": "^6.1.0",
35
35
  "@patternfly/react-code-editor": "^6.1.0",
36
36
  "@patternfly/react-icons": "^6.1.0",
37
+ "@patternfly/react-table": "^6.1.0",
38
+ "@segment/analytics-next": "^1.76.0",
39
+ "posthog-js": "^1.194.4",
37
40
  "clsx": "^2.1.0",
38
41
  "framer-motion": "^11.3.28",
39
42
  "react-markdown": "^9.0.1",
@@ -52,7 +55,6 @@
52
55
  "@patternfly/documentation-framework": "^6.5.13",
53
56
  "@patternfly/patternfly": "^6.1.0",
54
57
  "@patternfly/patternfly-a11y": "^5.0.0",
55
- "@patternfly/react-table": "^6.1.0",
56
58
  "@types/dom-speech-recognition": "^0.0.4",
57
59
  "@types/react": "^18.2.61",
58
60
  "react": "^18.2.0",
@@ -71,9 +73,7 @@
71
73
  "victory-create-container": "^37.1.1",
72
74
  "victory-cursor-container": "^37.1.1",
73
75
  "victory-tooltip": "^37.1.1",
74
- "victory-bar": "^37.1.1",
75
- "@segment/analytics-next": "^1.76.0",
76
- "posthog-js": "^1.194.4"
76
+ "victory-bar": "^37.1.1"
77
77
  },
78
78
  "overrides": {
79
79
  "puppeteer": "^23.6.1",
@@ -1,15 +1,15 @@
1
1
  .pf-chatbot__chatbot-modal-backdrop {
2
- position: static;
2
+ position: static !important;
3
3
  }
4
4
 
5
5
  .pf-chatbot__chatbot-modal {
6
- --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--medium);
7
- position: fixed;
6
+ --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--medium) !important;
7
+ position: fixed !important;
8
8
  inset-block-end: var(--pf-t--global--spacer--800); // no associated semantic token
9
9
  inset-inline-end: var(--pf-t--global--spacer--lg);
10
- width: 30rem;
10
+ width: 30rem !important;
11
11
  height: 70vh;
12
- background-color: var(--pf-t--global--background--color--secondary--default);
12
+ background-color: var(--pf-t--global--background--color--secondary--default) !important;
13
13
 
14
14
  .pf-v6-c-modal-box__title {
15
15
  --pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--h3);
@@ -47,8 +47,8 @@
47
47
  .pf-chatbot__chatbot-modal--fullscreen {
48
48
  inset-block-end: 0;
49
49
  inset-inline-end: 0;
50
- width: 50%;
51
- height: fit-content;
50
+ width: 50% !important;
51
+ height: fit-content !important;
52
52
  top: 50%;
53
53
  left: 50%;
54
54
  transform: translate(-50%, -50%);
@@ -59,7 +59,7 @@
59
59
  // Chatbot Display Mode - Default
60
60
  // ============================================================================
61
61
  .pf-chatbot__chatbot-modal--default {
62
- box-shadow: unset;
62
+ box-shadow: unset !important;
63
63
  }
64
64
 
65
65
  // ============================================================================
@@ -69,9 +69,9 @@
69
69
  height: 100vh;
70
70
  inset-block-end: 0;
71
71
  inset-inline-end: 0;
72
- border-radius: 0;
73
- --pf-v6-c-modal-box--MaxHeight: 100vh;
74
- box-shadow: unset;
72
+ border-radius: 0 !important;
73
+ --pf-v6-c-modal-box--MaxHeight: 100vh !important;
74
+ box-shadow: unset !important;
75
75
  }
76
76
 
77
77
  // ============================================================================
@@ -4,9 +4,10 @@
4
4
  --pf-v6-c-code-editor__main--BorderEndStartRadius: 0;
5
5
  --pf-v6-c-code-editor__main--BorderEndEndRadius: 0;
6
6
  --pf-v6-c-code-editor__tab--BorderStartEndRadius: var(--pf-t--global--border--radius--small);
7
+ --pf-v6-c-code-editor--m-read-only__main--BackgroundColor: #1f1f1f;
7
8
  }
8
9
  .pf-v6-c-code-editor__header {
9
- background: #1f1f1f;
10
+ background: #1f1f1f !important;
10
11
  /** this is for the attachment editor header */
11
12
  border-start-start-radius: var(--pf-t--global--border--radius--small);
12
13
  border-start-end-radius: var(--pf-t--global--border--radius--small);
@@ -24,7 +25,9 @@
24
25
  .pf-v6-c-code-editor__header-content {
25
26
  --pf-v6-c-code-editor__header-content--BackgroundColor: #1f1f1f;
26
27
  --pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: #1f1f1f;
27
- --pf-v6-c-code-editor__header-content--BorderStartStartRadius: var(--pf-t--global--border--radius--small);
28
+ --pf-v6-c-code-editor__header-content--BorderStartStartRadius: var(
29
+ --pf-t--global--border--radius--small
30
+ ) !important;
28
31
  --pf-v6-c-code-editor__header-content--PaddingInlineEnd: 0;
29
32
  justify-content: flex-end;
30
33
  }
@@ -80,5 +83,5 @@
80
83
  }
81
84
 
82
85
  .pf-chatbot__code-modal--fullscreen {
83
- height: inherit; // override shared modal so code editor works in full screen
86
+ height: inherit !important; // override shared modal so code editor works in full screen
84
87
  }
@@ -7,10 +7,10 @@
7
7
 
8
8
  .pf-chatbot__file-label {
9
9
  padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--sm)
10
- var(--pf-t--global--spacer--md);
10
+ var(--pf-t--global--spacer--md) !important;
11
11
  gap: var(--pf-t--global--spacer--sm);
12
12
  --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
13
- --pf-v6-c-label--MaxWidth: 12rem;
13
+ --pf-v6-c-label--MaxWidth: 12rem !important;
14
14
  .pf-v6-c-truncate {
15
15
  max-width: 9ch;
16
16
  }
@@ -31,7 +31,7 @@ export const QuickResponse: React.FunctionComponent<QuickResponseProps> = ({
31
31
  };
32
32
  return (
33
33
  <LabelGroup
34
- className={`pf-chatbot__message-quick-response ${quickResponseContainerProps?.className}`}
34
+ className={`pf-chatbot__message-quick-response ${quickResponseContainerProps?.className ? quickResponseContainerProps?.className : ''}`}
35
35
  {...quickResponseContainerProps}
36
36
  >
37
37
  {quickResponses.map(({ id, onClick, content, className, ...props }: QuickResponse) => (
@@ -1,7 +1,7 @@
1
1
  .pf-chatbot__message-table {
2
2
  border-radius: var(--pf-t--global--border--radius--small);
3
- --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--tertiary--default);
4
- --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
3
+ --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--tertiary--default) !important;
4
+ --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default) !important;
5
5
  padding: 0 var(--pf-t--global--spacer--lg) 0 var(--pf-t--global--spacer--lg);
6
6
 
7
7
  &.pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
@@ -45,7 +45,7 @@
45
45
  }
46
46
 
47
47
  .pf-chatbot__feedback-card-form {
48
- --pf-v6-c-form__group--m-action--MarginBlockStart: 0;
48
+ --pf-v6-c-form__group--m-action--MarginBlockStart: 0 !important;
49
49
  }
50
50
 
51
51
  .pf-chatbot__feedback-card-optional {
@@ -20,7 +20,6 @@ describe('UserFeedback', () => {
20
20
  expect(screen.getByRole('button', { name: /Resolved my issue/i })).toBeTruthy();
21
21
  expect(screen.getByRole('button', { name: /Submit/i })).toBeTruthy();
22
22
  expect(screen.getByRole('button', { name: 'Close feedback for message received at 12/12/12' })).toBeTruthy();
23
- expect(screen.getByRole('button', { name: /Cancel/i })).toBeTruthy();
24
23
  expect(screen.queryByRole('textbox', { name: /Provide optional additional feedback/i })).toBeFalsy();
25
24
  });
26
25
  it('should render different title correctly', () => {
@@ -125,26 +124,6 @@ describe('UserFeedback', () => {
125
124
  );
126
125
  expect(screen.getByRole('button', { name: /Ima button/i })).toBeTruthy();
127
126
  });
128
- it('should handle onClose correctly when cancel button is clicked', async () => {
129
- const spy = jest.fn();
130
- render(<UserFeedback onSubmit={jest.fn} quickResponses={MOCK_RESPONSES} onClose={spy} timestamp="12/12/12" />);
131
- const cancelButton = screen.getByRole('button', { name: 'Cancel' });
132
- expect(cancelButton).toBeTruthy();
133
- await userEvent.click(cancelButton);
134
- expect(spy).toHaveBeenCalledTimes(1);
135
- });
136
- it('should change cancel word correctly', () => {
137
- render(
138
- <UserFeedback
139
- onSubmit={jest.fn}
140
- quickResponses={MOCK_RESPONSES}
141
- onClose={jest.fn}
142
- cancelWord="Exit"
143
- timestamp="12/12/12"
144
- />
145
- );
146
- expect(screen.getByRole('button', { name: 'Exit' })).toBeTruthy();
147
- });
148
127
  it('should handle className', async () => {
149
128
  render(
150
129
  <UserFeedback
@@ -42,7 +42,7 @@ export interface UserFeedbackProps extends Omit<CardProps, 'onSubmit'>, OUIAProp
42
42
  closeButtonAriaLabel?: string;
43
43
  /** Label for the English word "Submit." */
44
44
  submitWord?: string;
45
- /** Label for the English word "Cancel." */
45
+ /** @deprecated Cancel button has been deprecated. Use the close button instead. Label for the English word "Cancel." */
46
46
  cancelWord?: string;
47
47
  /** Uniquely identifies the card. */
48
48
  id?: string;
@@ -71,7 +71,6 @@ const UserFeedback: React.FunctionComponent<UserFeedbackProps> = ({
71
71
  id,
72
72
  headingLevel: HeadingLevel = 'h1',
73
73
  focusOnLoad = true,
74
- cancelWord = 'Cancel',
75
74
  ...props
76
75
  }: UserFeedbackProps) => {
77
76
  const [selectedResponse, setSelectedResponse] = React.useState<string>();
@@ -118,9 +117,6 @@ const UserFeedback: React.FunctionComponent<UserFeedbackProps> = ({
118
117
  )}
119
118
  <ActionGroup>
120
119
  <Button onClick={() => onSubmit(selectedResponse, value)}>{submitWord}</Button>
121
- <Button variant="link" onClick={onClose}>
122
- {cancelWord}
123
- </Button>
124
120
  </ActionGroup>
125
121
  </Form>
126
122
  </CardBody>
@@ -53,13 +53,13 @@
53
53
  --pf-v6-c-form-control--before--BorderStyle: none !important;
54
54
  --pf-v6-c-form-control--after--BorderStyle: none !important;
55
55
  resize: none !important;
56
- background-color: transparent;
57
- font-size: var(--pf-t--global--font--size--md);
58
- line-height: 1.5rem;
56
+ background-color: transparent !important;
57
+ font-size: var(--pf-t--global--font--size--md) !important;
58
+ line-height: 1.5rem !important;
59
59
  max-height: 12rem;
60
- overflow-y: auto;
60
+ overflow-y: auto !important;
61
61
  outline: none;
62
- overflow-wrap: break-word;
62
+ overflow-wrap: break-word !important;
63
63
  word-wrap: break-word;
64
64
  height: 100%;
65
65
  width: 100%;
@@ -10,7 +10,7 @@
10
10
  }
11
11
 
12
12
  .pf-chatbot__source-details-icon {
13
- width: 100%;
13
+ width: 100% !important;
14
14
  }
15
15
 
16
16
  // this is only used in demo code
@@ -4,6 +4,12 @@
4
4
  gap: var(--pf-t--global--spacer--sm);
5
5
  padding-block-start: var(--pf-t--global--spacer--sm);
6
6
  max-width: 22.5rem;
7
+
8
+ a {
9
+ color: var(--pf-t--global--text--color--link--default) !important;
10
+ -webkit-text-decoration: var(--pf-t--global--text-decoration--link--line--default) !important;
11
+ text-decoration: var(--pf-t--global--text-decoration--link--line--default) !important;
12
+ }
7
13
  }
8
14
 
9
15
  .pf-chatbot__sources-card {
@@ -29,7 +35,7 @@
29
35
  .pf-chatbot__sources-card-footer-container {
30
36
  border-top: var(--pf-t--global--border--width--regular) solid var(--pf-t--global--border--color--default);
31
37
  padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--sm)
32
- var(--pf-t--global--spacer--sm);
38
+ var(--pf-t--global--spacer--sm) !important;
33
39
  .pf-chatbot__sources-card-footer {
34
40
  display: flex;
35
41
  justify-content: space-between;
@@ -52,7 +52,7 @@
52
52
  .pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--fullscreen.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--fullscreen,
53
53
  .pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--embedded.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--embedded {
54
54
  // override parent modal style
55
- height: inherit;
55
+ height: inherit !important;
56
56
 
57
57
  .pf-v6-c-content {
58
58
  h2 {