@patternfly/chatbot 2.1.0 → 2.2.0-prerelease.10
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/Chatbot/Chatbot.js +0 -9
- package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.d.ts +5 -1
- package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js +4 -4
- package/dist/cjs/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.js +3 -3
- package/dist/cjs/ChatbotHeader/ChatbotHeaderCloseButton.d.ts +17 -0
- package/dist/cjs/ChatbotHeader/ChatbotHeaderCloseButton.js +14 -0
- package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.d.ts +2 -0
- package/dist/cjs/ChatbotHeader/ChatbotHeaderMenu.js +2 -2
- package/dist/cjs/ChatbotHeader/index.d.ts +1 -0
- package/dist/cjs/ChatbotHeader/index.js +1 -0
- package/dist/cjs/CodeModal/CodeModal.js +2 -12
- package/dist/cjs/Message/ListMessage/OrderedListMessage.d.ts +1 -1
- package/dist/cjs/Message/ListMessage/OrderedListMessage.js +2 -2
- package/dist/cjs/Message/Message.d.ts +16 -6
- package/dist/cjs/Message/Message.js +6 -6
- package/dist/cjs/Message/Message.test.js +51 -0
- package/dist/cjs/Message/QuickResponse/QuickResponse.d.ts +15 -0
- package/dist/cjs/Message/QuickResponse/QuickResponse.js +33 -0
- package/dist/cjs/Message/QuickStarts/FallbackImg.d.ts +13 -0
- package/dist/cjs/Message/QuickStarts/FallbackImg.js +34 -0
- package/dist/cjs/Message/QuickStarts/QuickStartTile.d.ts +27 -0
- package/dist/cjs/Message/QuickStarts/QuickStartTile.js +82 -0
- package/dist/cjs/Message/QuickStarts/QuickStartTileDescription.d.ts +23 -0
- package/dist/cjs/Message/QuickStarts/QuickStartTileDescription.js +64 -0
- package/dist/cjs/Message/QuickStarts/QuickStartTileDescription.test.d.ts +1 -0
- package/dist/cjs/Message/QuickStarts/QuickStartTileDescription.test.js +76 -0
- package/dist/cjs/Message/QuickStarts/QuickStartTileHeader.d.ts +11 -0
- package/dist/cjs/Message/QuickStarts/QuickStartTileHeader.js +30 -0
- package/dist/cjs/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.d.ts +30 -0
- package/dist/cjs/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.js +77 -0
- package/dist/cjs/Message/QuickStarts/monitor-sampleapp-quickstart.d.ts +30 -0
- package/dist/cjs/Message/QuickStarts/monitor-sampleapp-quickstart.js +77 -0
- package/dist/cjs/Message/QuickStarts/types.d.ts +132 -0
- package/dist/cjs/Message/QuickStarts/types.js +17 -0
- package/dist/cjs/MessageBar/SendButton.js +1 -1
- package/dist/cjs/ResponseActions/ResponseActionButton.d.ts +6 -0
- package/dist/cjs/ResponseActions/ResponseActionButton.js +10 -2
- package/dist/cjs/ResponseActions/ResponseActionButton.test.d.ts +1 -0
- package/dist/cjs/ResponseActions/ResponseActionButton.test.js +54 -0
- package/dist/cjs/ResponseActions/ResponseActions.d.ts +4 -0
- package/dist/cjs/ResponseActions/ResponseActions.js +26 -9
- package/dist/cjs/ResponseActions/ResponseActions.test.js +79 -5
- package/dist/cjs/Settings/SettingsForm.d.ts +13 -0
- package/dist/cjs/Settings/SettingsForm.js +27 -0
- package/dist/cjs/Settings/index.d.ts +2 -0
- package/dist/cjs/Settings/index.js +23 -0
- package/dist/cjs/TermsOfUse/TermsOfUse.d.ts +34 -0
- package/dist/cjs/TermsOfUse/TermsOfUse.js +49 -0
- package/dist/cjs/TermsOfUse/TermsOfUse.test.d.ts +1 -0
- package/dist/cjs/TermsOfUse/TermsOfUse.test.js +79 -0
- package/dist/cjs/TermsOfUse/index.d.ts +2 -0
- package/dist/cjs/TermsOfUse/index.js +23 -0
- package/dist/cjs/index.d.ts +4 -0
- package/dist/cjs/index.js +7 -1
- package/dist/css/main.css +191 -30
- package/dist/css/main.css.map +1 -1
- package/dist/dynamic/Settings/package.json +1 -0
- package/dist/dynamic/TermsOfUse/package.json +1 -0
- package/dist/esm/Chatbot/Chatbot.js +0 -9
- package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.d.ts +5 -1
- package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.js +4 -4
- package/dist/esm/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.js +3 -3
- package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.d.ts +17 -0
- package/dist/esm/ChatbotHeader/ChatbotHeaderCloseButton.js +8 -0
- package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.d.ts +2 -0
- package/dist/esm/ChatbotHeader/ChatbotHeaderMenu.js +2 -2
- package/dist/esm/ChatbotHeader/index.d.ts +1 -0
- package/dist/esm/ChatbotHeader/index.js +1 -0
- package/dist/esm/CodeModal/CodeModal.js +2 -12
- package/dist/esm/Message/ListMessage/OrderedListMessage.d.ts +1 -1
- package/dist/esm/Message/ListMessage/OrderedListMessage.js +2 -2
- package/dist/esm/Message/Message.d.ts +16 -6
- package/dist/esm/Message/Message.js +7 -7
- package/dist/esm/Message/Message.test.js +51 -0
- package/dist/esm/Message/QuickResponse/QuickResponse.d.ts +15 -0
- package/dist/esm/Message/QuickResponse/QuickResponse.js +26 -0
- package/dist/esm/Message/QuickStarts/FallbackImg.d.ts +13 -0
- package/dist/esm/Message/QuickStarts/FallbackImg.js +9 -0
- package/dist/esm/Message/QuickStarts/QuickStartTile.d.ts +27 -0
- package/dist/esm/Message/QuickStarts/QuickStartTile.js +52 -0
- package/dist/esm/Message/QuickStarts/QuickStartTileDescription.d.ts +23 -0
- package/dist/esm/Message/QuickStarts/QuickStartTileDescription.js +35 -0
- package/dist/esm/Message/QuickStarts/QuickStartTileDescription.test.d.ts +1 -0
- package/dist/esm/Message/QuickStarts/QuickStartTileDescription.test.js +48 -0
- package/dist/esm/Message/QuickStarts/QuickStartTileHeader.d.ts +11 -0
- package/dist/esm/Message/QuickStarts/QuickStartTileHeader.js +5 -0
- package/dist/esm/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.d.ts +30 -0
- package/dist/esm/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.js +74 -0
- package/dist/esm/Message/QuickStarts/monitor-sampleapp-quickstart.d.ts +30 -0
- package/dist/esm/Message/QuickStarts/monitor-sampleapp-quickstart.js +74 -0
- package/dist/esm/Message/QuickStarts/types.d.ts +132 -0
- package/dist/esm/Message/QuickStarts/types.js +14 -0
- package/dist/esm/MessageBar/SendButton.js +1 -1
- package/dist/esm/ResponseActions/ResponseActionButton.d.ts +6 -0
- package/dist/esm/ResponseActions/ResponseActionButton.js +10 -2
- package/dist/esm/ResponseActions/ResponseActionButton.test.d.ts +1 -0
- package/dist/esm/ResponseActions/ResponseActionButton.test.js +49 -0
- package/dist/esm/ResponseActions/ResponseActions.d.ts +4 -0
- package/dist/esm/ResponseActions/ResponseActions.js +26 -9
- package/dist/esm/ResponseActions/ResponseActions.test.js +79 -5
- package/dist/esm/Settings/SettingsForm.d.ts +13 -0
- package/dist/esm/Settings/SettingsForm.js +20 -0
- package/dist/esm/Settings/index.d.ts +2 -0
- package/dist/esm/Settings/index.js +2 -0
- package/dist/esm/TermsOfUse/TermsOfUse.d.ts +34 -0
- package/dist/esm/TermsOfUse/TermsOfUse.js +42 -0
- package/dist/esm/TermsOfUse/TermsOfUse.test.d.ts +1 -0
- package/dist/esm/TermsOfUse/TermsOfUse.test.js +74 -0
- package/dist/esm/TermsOfUse/index.d.ts +2 -0
- package/dist/esm/TermsOfUse/index.js +2 -0
- package/dist/esm/index.d.ts +4 -0
- package/dist/esm/index.js +4 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +7 -13
- package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithCustomResponseActions.tsx +4 -0
- package/patternfly-docs/content/extensions/chatbot/examples/Messages/MessageWithQuickStart.tsx +31 -0
- package/patternfly-docs/content/extensions/chatbot/examples/Messages/Messages.md +26 -4
- package/patternfly-docs/content/extensions/chatbot/examples/Messages/explore-pipeline-quickstart.ts +65 -0
- package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotFooter.tsx +1 -1
- package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotFootnote.tsx +2 -2
- package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawer.tsx +2 -2
- package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerNavigation.tsx +67 -0
- package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotHeaderDrawerWithSelection.tsx +78 -0
- package/patternfly-docs/content/extensions/chatbot/examples/UI/ChatbotMessageBarDisabled.tsx +26 -0
- package/patternfly-docs/content/extensions/chatbot/examples/UI/PF-TermsAndConditionsHeader.svg +148 -0
- package/patternfly-docs/content/extensions/chatbot/examples/UI/Settings.tsx +289 -0
- package/patternfly-docs/content/extensions/chatbot/examples/UI/SquareChatbotToggle.tsx +1 -1
- package/patternfly-docs/content/extensions/chatbot/examples/UI/TermsOfUse.tsx +147 -0
- package/patternfly-docs/content/extensions/chatbot/examples/UI/UI.md +56 -0
- package/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.md +2 -2
- package/patternfly-docs/content/extensions/chatbot/examples/demos/Chatbot.tsx +2 -2
- package/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachment.tsx +20 -19
- package/patternfly-docs/content/extensions/chatbot/examples/demos/ChatbotAttachmentMenu.tsx +1 -1
- package/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedChatbot.tsx +2 -2
- package/src/Chatbot/Chatbot.scss +0 -10
- package/src/Chatbot/Chatbot.tsx +0 -9
- package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss +14 -0
- package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.test.tsx +3 -3
- package/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx +11 -3
- package/src/ChatbotFooter/ChatbotFooter.scss +2 -1
- package/src/ChatbotHeader/ChatbotHeaderCloseButton.tsx +51 -0
- package/src/ChatbotHeader/ChatbotHeaderMenu.tsx +5 -2
- package/src/ChatbotHeader/index.ts +1 -0
- package/src/CodeModal/CodeModal.scss +8 -0
- package/src/CodeModal/CodeModal.tsx +2 -13
- package/src/FileDropZone/__snapshots__/FileDropZone.test.tsx.snap +1 -1
- package/src/Message/ListMessage/OrderedListMessage.tsx +2 -2
- package/src/Message/Message.scss +0 -14
- package/src/Message/Message.test.tsx +76 -0
- package/src/Message/Message.tsx +35 -26
- package/src/Message/QuickResponse/QuickResponse.scss +33 -0
- package/src/Message/QuickResponse/QuickResponse.tsx +50 -0
- package/src/Message/QuickStarts/FallbackImg.tsx +24 -0
- package/src/Message/QuickStarts/QuickStartTile.scss +25 -0
- package/src/Message/QuickStarts/QuickStartTile.tsx +147 -0
- package/src/Message/QuickStarts/QuickStartTileDescription.test.tsx +57 -0
- package/src/Message/QuickStarts/QuickStartTileDescription.tsx +81 -0
- package/src/Message/QuickStarts/QuickStartTileHeader.tsx +21 -0
- package/src/Message/QuickStarts/monitor-sampleapp-quickstart-with-image.ts +75 -0
- package/src/Message/QuickStarts/monitor-sampleapp-quickstart.ts +75 -0
- package/src/Message/QuickStarts/types.ts +154 -0
- package/src/MessageBar/SendButton.scss +24 -0
- package/src/MessageBar/SendButton.tsx +1 -1
- package/src/ResponseActions/ResponseActionButton.test.tsx +52 -0
- package/src/ResponseActions/ResponseActionButton.tsx +46 -27
- package/src/ResponseActions/ResponseActions.scss +10 -8
- package/src/ResponseActions/ResponseActions.test.tsx +103 -5
- package/src/ResponseActions/ResponseActions.tsx +54 -7
- package/src/Settings/Settings.scss +34 -0
- package/src/Settings/SettingsForm.tsx +25 -0
- package/src/Settings/index.ts +3 -0
- package/src/TermsOfUse/TermsOfUse.scss +66 -0
- package/src/TermsOfUse/TermsOfUse.test.tsx +138 -0
- package/src/TermsOfUse/TermsOfUse.tsx +117 -0
- package/src/TermsOfUse/index.ts +3 -0
- package/src/index.ts +6 -0
- package/src/main.scss +7 -3
package/dist/css/main.css
CHANGED
@@ -99,15 +99,6 @@
|
|
99
99
|
}
|
100
100
|
}
|
101
101
|
|
102
|
-
html.pf-chatbot-allow--docked {
|
103
|
-
padding-inline-start: 480px;
|
104
|
-
}
|
105
|
-
@media screen and (max-width: 30rem) {
|
106
|
-
html.pf-chatbot-allow--docked {
|
107
|
-
padding-inline-start: 0px;
|
108
|
-
}
|
109
|
-
}
|
110
|
-
|
111
102
|
.pf-chatbot--fullscreen {
|
112
103
|
inset-block-end: 0;
|
113
104
|
inset-inline-end: 0;
|
@@ -216,10 +207,20 @@ html.pf-chatbot-allow--docked {
|
|
216
207
|
color: var(--pf-t--global--text--color--regular);
|
217
208
|
font-size: var(--pf-t--global--font--size--body--lg);
|
218
209
|
font-weight: var(--pf-t--global--font--weight--body--default);
|
210
|
+
border-radius: var(--pf-t--global--border--radius--small);
|
211
|
+
}
|
212
|
+
.pf-chatbot__history .pf-v6-c-menu__list-item.pf-chatbot__menu-item {
|
213
|
+
overflow: hidden;
|
219
214
|
}
|
220
215
|
.pf-chatbot__history .pf-chatbot__history-actions {
|
221
216
|
transform: rotate(90deg);
|
222
217
|
}
|
218
|
+
.pf-chatbot__history .pf-chatbot__menu-item--active {
|
219
|
+
background-color: var(--pf-t--global--background--color--action--plain--clicked);
|
220
|
+
}
|
221
|
+
.pf-chatbot__history button.pf-chatbot__menu-item--active {
|
222
|
+
background-color: initial;
|
223
|
+
}
|
223
224
|
|
224
225
|
.pf-chatbot__history.pf-v6-c-drawer {
|
225
226
|
--pf-v6-c-drawer__panel--MinWidth: 24rem;
|
@@ -263,6 +264,7 @@ html.pf-chatbot-allow--docked {
|
|
263
264
|
border-radius: var(--pf-t--global--border--radius--pill);
|
264
265
|
justify-content: center;
|
265
266
|
align-items: center;
|
267
|
+
border-radius: var(--pf-t--global--border--radius--small);
|
266
268
|
}
|
267
269
|
.pf-chatbot__history.pf-v6-c-drawer .pf-v6-c-drawer__body {
|
268
270
|
--pf-v6-c-drawer__panel__body--PaddingBlockStart: 0;
|
@@ -339,7 +341,8 @@ html.pf-chatbot-allow--docked {
|
|
339
341
|
}
|
340
342
|
.pf-chatbot--embedded .pf-chatbot__footer-container,
|
341
343
|
.pf-chatbot--fullscreen .pf-chatbot__footer-container {
|
342
|
-
width:
|
344
|
+
width: 90%;
|
345
|
+
max-width: 60rem;
|
343
346
|
padding: var(--pf-t--global--spacer--sm) 0;
|
344
347
|
}
|
345
348
|
}
|
@@ -687,6 +690,14 @@ html.pf-chatbot-allow--docked {
|
|
687
690
|
--pf-v6-c-button--hover__icon--Color: #c7c7c7;
|
688
691
|
}
|
689
692
|
|
693
|
+
.pf-chatbot__code-modal-body {
|
694
|
+
flex: 1;
|
695
|
+
}
|
696
|
+
|
697
|
+
.pf-chatbot__code-modal--fullscreen {
|
698
|
+
height: inherit;
|
699
|
+
}
|
700
|
+
|
690
701
|
.pf-chatbot__code-language {
|
691
702
|
color: var(--pf-t--global--text--color--subtle);
|
692
703
|
display: flex;
|
@@ -891,19 +902,6 @@ html.pf-chatbot-allow--docked {
|
|
891
902
|
display: grid;
|
892
903
|
gap: var(--pf-t--global--spacer--sm);
|
893
904
|
}
|
894
|
-
.pf-chatbot__message-quick-response .pf-v6-c-label {
|
895
|
-
--pf-v6-c-label--FontSize: var(--pf-t--global--font--size--md);
|
896
|
-
}
|
897
|
-
@media screen and (min-width: 401px) and (max-width: 600px) {
|
898
|
-
.pf-chatbot__message-quick-response .pf-v6-c-label {
|
899
|
-
--pf-v6-c-label__text--MaxWidth: 20ch;
|
900
|
-
}
|
901
|
-
}
|
902
|
-
@media screen and (max-width: 400px) {
|
903
|
-
.pf-chatbot__message-quick-response .pf-v6-c-label {
|
904
|
-
--pf-v6-c-label__text--MaxWidth: 15ch;
|
905
|
-
}
|
906
|
-
}
|
907
905
|
|
908
906
|
.pf-chatbot__message-attachments-container {
|
909
907
|
display: flex;
|
@@ -1233,6 +1231,53 @@ html.pf-chatbot-allow--docked {
|
|
1233
1231
|
}
|
1234
1232
|
}
|
1235
1233
|
|
1234
|
+
.pf-chatbot__quickstarts-tile {
|
1235
|
+
min-width: 360px;
|
1236
|
+
max-width: 650px;
|
1237
|
+
width: 100%;
|
1238
|
+
}
|
1239
|
+
@media screen and (max-width: 700px) {
|
1240
|
+
.pf-chatbot__quickstarts-tile {
|
1241
|
+
max-width: 100%;
|
1242
|
+
min-width: initial;
|
1243
|
+
}
|
1244
|
+
}
|
1245
|
+
.pf-chatbot__quickstarts-tile .pf-v6-c-card__header-main .pf-v6-c-icon__content {
|
1246
|
+
display: contents;
|
1247
|
+
}
|
1248
|
+
|
1249
|
+
.pf-v6-theme-dark .pf-chatbot__quickstarts-tile .pfext-catalog-item-icon__img {
|
1250
|
+
filter: brightness(1.5) invert(1) hue-rotate(180deg) saturate(4);
|
1251
|
+
}
|
1252
|
+
|
1253
|
+
.pf-chatbot__message-quick-response .pf-v6-c-label {
|
1254
|
+
--pf-v6-c-label--FontSize: var(--pf-t--global--font--size--md);
|
1255
|
+
}
|
1256
|
+
@media screen and (min-width: 401px) and (max-width: 600px) {
|
1257
|
+
.pf-chatbot__message-quick-response .pf-v6-c-label {
|
1258
|
+
--pf-v6-c-label__text--MaxWidth: 20ch;
|
1259
|
+
}
|
1260
|
+
}
|
1261
|
+
@media screen and (max-width: 400px) {
|
1262
|
+
.pf-chatbot__message-quick-response .pf-v6-c-label {
|
1263
|
+
--pf-v6-c-label__text--MaxWidth: 15ch;
|
1264
|
+
}
|
1265
|
+
}
|
1266
|
+
.pf-chatbot__message-quick-response .pf-chatbot__message-quick-response--selected .pf-v6-c-label__content:is(:hover, :focus) {
|
1267
|
+
--pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
|
1268
|
+
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
1269
|
+
}
|
1270
|
+
.pf-chatbot__message-quick-response .pf-chatbot__message-quick-response--selected:hover,
|
1271
|
+
.pf-chatbot__message-quick-response .pf-chatbot__message-quick-response--selected:focus {
|
1272
|
+
--pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
|
1273
|
+
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
1274
|
+
}
|
1275
|
+
.pf-chatbot__message-quick-response .pf-v6-c-label.pf-m-blue.pf-m-clickable .pf-v6-c-label__content:is(:active) {
|
1276
|
+
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
1277
|
+
--pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
1278
|
+
--pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
|
1279
|
+
}
|
1280
|
+
|
1236
1281
|
.pf-v6-c-button.pf-chatbot__button--attach {
|
1237
1282
|
border-radius: var(--pf-t--global--border--radius--pill);
|
1238
1283
|
padding: var(--pf-t--global--spacer--md);
|
@@ -1283,13 +1328,32 @@ html.pf-chatbot-allow--docked {
|
|
1283
1328
|
width: 3rem;
|
1284
1329
|
height: 3rem;
|
1285
1330
|
}
|
1331
|
+
.pf-v6-c-button.pf-chatbot__button--send .pf-v6-c-button__icon {
|
1332
|
+
--pf-v6-c-button__icon--Color: var(--pf-t--global--color--brand--default);
|
1333
|
+
}
|
1286
1334
|
.pf-v6-c-button.pf-chatbot__button--send:hover, .pf-v6-c-button.pf-chatbot__button--send:focus {
|
1287
1335
|
background-color: var(--pf-t--chatbot--blue-icon--background--color--hover);
|
1336
|
+
color: var(--pf-t--global--color--brand--hover);
|
1288
1337
|
}
|
1289
1338
|
.pf-v6-c-button.pf-chatbot__button--send:hover .pf-v6-c-button__icon, .pf-v6-c-button.pf-chatbot__button--send:focus .pf-v6-c-button__icon {
|
1290
1339
|
color: var(--pf-t--chatbot--blue-icon--fill--hover);
|
1291
1340
|
}
|
1292
1341
|
|
1342
|
+
.pf-v6-theme-dark .pf-v6-c-button.pf-chatbot__button--send {
|
1343
|
+
background-color: var(--pf-t--global--color--brand--default);
|
1344
|
+
}
|
1345
|
+
.pf-v6-theme-dark .pf-v6-c-button.pf-chatbot__button--send .pf-v6-c-button__icon {
|
1346
|
+
--pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--inverse);
|
1347
|
+
}
|
1348
|
+
.pf-v6-theme-dark .pf-v6-c-button:disabled.pf-chatbot__button--send:disabled {
|
1349
|
+
--pf-v6-c-button--disabled--Color: var(--pf-t--global--icon--color--disabled);
|
1350
|
+
background-color: var(--pf-t--global--background--color--disabled--default);
|
1351
|
+
}
|
1352
|
+
.pf-v6-theme-dark .pf-v6-c-button.pf-chatbot__button--send:hover,
|
1353
|
+
.pf-v6-theme-dark .pf-v6-c-button.pf-chatbot__button--send:focus {
|
1354
|
+
background-color: var(--pf-t--chatbot--blue-icon--background--color--hover);
|
1355
|
+
}
|
1356
|
+
|
1293
1357
|
@keyframes motionSendButton {
|
1294
1358
|
0% {
|
1295
1359
|
opacity: 0;
|
@@ -1502,6 +1566,7 @@ html.pf-chatbot-allow--docked {
|
|
1502
1566
|
grid-template-columns: repeat(auto-fit, minmax(0, max-content));
|
1503
1567
|
}
|
1504
1568
|
.pf-chatbot__response-actions .pf-v6-c-button {
|
1569
|
+
--pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--subtle);
|
1505
1570
|
border-radius: var(--pf-t--global--border--radius--pill);
|
1506
1571
|
width: 2.3125rem;
|
1507
1572
|
height: 2.3125rem;
|
@@ -1509,11 +1574,52 @@ html.pf-chatbot-allow--docked {
|
|
1509
1574
|
align-items: center;
|
1510
1575
|
justify-content: center;
|
1511
1576
|
}
|
1512
|
-
.pf-chatbot__response-actions .pf-v6-c-button
|
1513
|
-
|
1577
|
+
.pf-chatbot__response-actions .pf-v6-c-button:hover {
|
1578
|
+
--pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--subtle);
|
1579
|
+
}
|
1580
|
+
.pf-chatbot__response-actions .pf-v6-c-button:focus {
|
1581
|
+
--pf-v6-c-button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
|
1582
|
+
--pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
|
1583
|
+
}
|
1584
|
+
|
1585
|
+
.pf-v6-c-button.pf-chatbot__button--response-action-clicked {
|
1586
|
+
--pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
|
1587
|
+
--pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
|
1588
|
+
}
|
1589
|
+
|
1590
|
+
.pf-chatbot__settings-form-container {
|
1591
|
+
width: 100%;
|
1592
|
+
display: flex;
|
1593
|
+
justify-content: center;
|
1594
|
+
overflow: scroll;
|
1595
|
+
}
|
1596
|
+
|
1597
|
+
.pf-chatbot__settings-form {
|
1598
|
+
display: flex;
|
1599
|
+
flex-direction: column;
|
1600
|
+
max-width: 60rem;
|
1601
|
+
flex: 1;
|
1602
|
+
}
|
1603
|
+
|
1604
|
+
.pf-chatbot__settings-form-row {
|
1605
|
+
font-size: var(--pf-t--global--font--size--body--lg);
|
1606
|
+
display: flex;
|
1607
|
+
align-items: center;
|
1608
|
+
justify-content: space-between;
|
1609
|
+
border-bottom: 1px solid var(--pf-t--global--border--color--default);
|
1610
|
+
padding: var(--pf-t--global--spacer--lg);
|
1611
|
+
font-weight: 500;
|
1612
|
+
}
|
1613
|
+
|
1614
|
+
.pf-chatbot__settings-form-row:last-of-type {
|
1615
|
+
border-bottom: 0px;
|
1514
1616
|
}
|
1515
|
-
|
1516
|
-
|
1617
|
+
|
1618
|
+
.pf-chatbot__settings--title {
|
1619
|
+
font-family: var(--pf-t--global--font--family--heading);
|
1620
|
+
font-size: var(--pf-t--global--font--size--xl);
|
1621
|
+
font-weight: 500;
|
1622
|
+
text-align: center;
|
1517
1623
|
}
|
1518
1624
|
|
1519
1625
|
.pf-chatbot__source {
|
@@ -1615,6 +1721,61 @@ html.pf-chatbot-allow--docked {
|
|
1615
1721
|
max-width: 20rem;
|
1616
1722
|
}
|
1617
1723
|
|
1724
|
+
.pf-chatbot__terms-of-use-modal .pf-v6-c-content {
|
1725
|
+
font-size: var(--pf-t--global--font--size--body--lg);
|
1726
|
+
}
|
1727
|
+
.pf-chatbot__terms-of-use-modal .pf-v6-c-content h2 {
|
1728
|
+
font-size: var(--pf-t--global--icon--size--font--heading--h2);
|
1729
|
+
font-family: var(--pf-t--global--font--family--heading);
|
1730
|
+
margin-bottom: var(--pf-t--global--spacer--md);
|
1731
|
+
margin-top: var(--pf-t--global--spacer--md);
|
1732
|
+
font-weight: var(--pf-t--global--font--weight--heading--default);
|
1733
|
+
}
|
1734
|
+
.pf-chatbot__terms-of-use-modal .pf-v6-c-content h2:first-of-type {
|
1735
|
+
margin-top: 0;
|
1736
|
+
}
|
1737
|
+
.pf-chatbot__terms-of-use-modal .pf-chatbot__terms-of-use--header {
|
1738
|
+
display: flex;
|
1739
|
+
align-items: center;
|
1740
|
+
justify-content: center;
|
1741
|
+
flex-direction: column;
|
1742
|
+
gap: var(--pf-t--global--spacer--xl);
|
1743
|
+
margin-block-start: var(--pf-t--global--spacer--xl);
|
1744
|
+
}
|
1745
|
+
.pf-chatbot__terms-of-use-modal .pf-chatbot__terms-of-use--title {
|
1746
|
+
font-size: var(--pf-t--global--font--size--heading--h1);
|
1747
|
+
font-family: var(--pf-t--global--font--family--heading);
|
1748
|
+
font-weight: var(--pf-t--global--font--weight--heading--bold);
|
1749
|
+
}
|
1750
|
+
.pf-chatbot__terms-of-use-modal .pf-chatbot__terms-of-use--footer {
|
1751
|
+
margin-block-start: var(--pf-t--global--spacer--md);
|
1752
|
+
}
|
1753
|
+
.pf-chatbot__terms-of-use-modal .pf-chatbot__terms-of-use--section {
|
1754
|
+
display: flex;
|
1755
|
+
flex-direction: column;
|
1756
|
+
height: 100%;
|
1757
|
+
width: 100%;
|
1758
|
+
}
|
1759
|
+
@media screen and (max-height: 620px) {
|
1760
|
+
.pf-chatbot__terms-of-use-modal .pf-v6-c-modal-box__body {
|
1761
|
+
--pf-v6-c-modal-box__body--MinHeight: auto;
|
1762
|
+
overflow: visible;
|
1763
|
+
}
|
1764
|
+
}
|
1765
|
+
|
1766
|
+
.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--fullscreen.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--fullscreen,
|
1767
|
+
.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--embedded.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--embedded {
|
1768
|
+
height: inherit;
|
1769
|
+
}
|
1770
|
+
.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,
|
1771
|
+
.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 {
|
1772
|
+
font-size: var(--pf-t--global--icon--size--font--heading--h1);
|
1773
|
+
}
|
1774
|
+
.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--fullscreen.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--fullscreen .pf-chatbot__terms-of-use--title,
|
1775
|
+
.pf-chatbot__chatbot-modal.pf-chatbot__chatbot-modal--embedded.pf-chatbot__terms-of-use-modal.pf-chatbot__terms-of-use-modal--embedded .pf-chatbot__terms-of-use--title {
|
1776
|
+
font-size: var(--pf-t--global--font--size--heading--2xl);
|
1777
|
+
}
|
1778
|
+
|
1618
1779
|
:where(:root) {
|
1619
1780
|
--pf-t--chatbot--heading--font-family: var(
|
1620
1781
|
--pf-v6-c-content--heading--FontFamily,
|
@@ -1629,9 +1790,9 @@ html.pf-chatbot-allow--docked {
|
|
1629
1790
|
--pf-t--chatbot-toggle--background--hover: var(--pf-t--color--gray--70);
|
1630
1791
|
--pf-t--chatbot--timing-function: cubic-bezier(0.77, 0, 0.175, 1);
|
1631
1792
|
--pf-t--chatbot--blue-icon--background--color--hover: rgba(
|
1632
|
-
|
1633
|
-
|
1634
|
-
|
1793
|
+
146,
|
1794
|
+
197,
|
1795
|
+
249,
|
1635
1796
|
0.25
|
1636
1797
|
);
|
1637
1798
|
--pf-t--chatbot--blue-icon--fill--hover: var(--pf-t--global--color--brand--hover);
|
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/CodeModal/CodeModal.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/ListMessage/ListMessage.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/SourcesCard/SourcesCard.scss","../../src/SourceDetailsMenuItem/SourceDetailsMenuItem.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;;;;
|
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/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/ListMessage/ListMessage.scss","../../src/Message/QuickStarts/QuickStartTile.scss","../../src/Message/QuickResponse/QuickResponse.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;;;AC1GF;EACE;EACA;EACA;;;ACAF;EACE;EACA;EACA;EACA;EACA;;AAGA;EARF;IASI;;;;AAOJ;EAGI;AAAA;IACE;IACA;;;ACpBJ;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;;;AAQF;EACE;;;AAQF;EACE;;AACA;EACE;;;AASJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;;;AASF;AAAA;AAAA;EACE;;;AChLN;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;;;AAUF;EACE;;AAGJ;EACE;;;ACjDJ;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;;;AASJ;EACE;;AAEF;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;;;AC1IF;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;;;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;EACA;EACA;EACA;EAEA;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;;;ACrGF;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;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;;;AD5CN;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;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;EACA;;;AAKF;EACE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EAKE;;AAGF;EACE;;;AC3CN;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAKF;AAAA;EAEE;EACA;EACA;;;AHnBJ;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;;;;AIjDN;EACE;EACA;EACA;;AAEA;EALF;IAMI;IACA;;;AAKA;EACE;;;AAOF;EACE;;;ACpBJ;EACE;;AAEA;EAHF;IAII;;;AAGF;EAPF;IAQI;;;AAKF;EACE;EACA;;AAIJ;AAAA;EAEE;EACA;;AAIF;EACE;EACA;EACA;;;AC3BJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAKA;EACE;;;ACbN;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;EAEE;;;ACTJ;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACxEF;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;EAGI;AAAA;IACE;IACA;;;ADtCN;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;;;AChCJ;EAKE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASA;EACA;EAEA;EAEA;EAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMA;EAKA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;;;AAMF;EACE;EACA;EAEA;EAEA;EACA;;;AAGF;EACE;EACA","file":"main.css"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"main":"../../cjs/Settings/index.js","module":"../../esm/Settings/index.js","typings":"../../esm/Settings/index.d.ts"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"main":"../../cjs/TermsOfUse/index.js","module":"../../esm/TermsOfUse/index.js","typings":"../../esm/TermsOfUse/index.d.ts"}
|
@@ -23,15 +23,6 @@ export var ChatbotDisplayMode;
|
|
23
23
|
})(ChatbotDisplayMode || (ChatbotDisplayMode = {}));
|
24
24
|
const ChatbotBase = (_a) => {
|
25
25
|
var { children, displayMode = ChatbotDisplayMode.default, isVisible = true, className, innerRef, ariaLabel } = _a, props = __rest(_a, ["children", "displayMode", "isVisible", "className", "innerRef", "ariaLabel"]);
|
26
|
-
// Configure docked mode
|
27
|
-
React.useEffect(() => {
|
28
|
-
if (displayMode === ChatbotDisplayMode.docked) {
|
29
|
-
document.documentElement.classList.add('pf-chatbot-allow--docked');
|
30
|
-
}
|
31
|
-
else {
|
32
|
-
document.documentElement.classList.remove('pf-chatbot-allow--docked');
|
33
|
-
}
|
34
|
-
}, [displayMode]);
|
35
26
|
// Configure animations
|
36
27
|
const motionChatbot = {
|
37
28
|
visible: { opacity: 1, y: 0 },
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { DrawerProps } from '@patternfly/react-core';
|
2
|
+
import { DrawerProps, MenuItemProps, MenuProps } from '@patternfly/react-core';
|
3
3
|
import { ChatbotDisplayMode } from '../Chatbot/Chatbot';
|
4
4
|
export interface Conversation {
|
5
5
|
/** Conversation id */
|
@@ -18,6 +18,8 @@ export interface Conversation {
|
|
18
18
|
label?: string;
|
19
19
|
/** Callback for when user selects item. */
|
20
20
|
onSelect?: (event?: React.MouseEvent, value?: string | number) => void;
|
21
|
+
/** Additional props passed to conversation menu item */
|
22
|
+
additionalProps?: MenuItemProps;
|
21
23
|
}
|
22
24
|
export interface ChatbotConversationHistoryNavProps extends DrawerProps {
|
23
25
|
/** Function called to toggle drawer */
|
@@ -51,6 +53,8 @@ export interface ChatbotConversationHistoryNavProps extends DrawerProps {
|
|
51
53
|
reverseButtonOrder?: boolean;
|
52
54
|
/** Custom test id for the drawer actions */
|
53
55
|
drawerActionsTestId?: string;
|
56
|
+
/** Additional props applied to menu */
|
57
|
+
menuProps?: MenuProps;
|
54
58
|
}
|
55
59
|
export declare const ChatbotConversationHistoryNav: React.FunctionComponent<ChatbotConversationHistoryNavProps>;
|
56
60
|
export default ChatbotConversationHistoryNav;
|
@@ -19,18 +19,18 @@ import { OutlinedCommentAltIcon } from '@patternfly/react-icons';
|
|
19
19
|
import { ChatbotDisplayMode } from '../Chatbot/Chatbot';
|
20
20
|
import ConversationHistoryDropdown from './ChatbotConversationHistoryDropdown';
|
21
21
|
export const ChatbotConversationHistoryNav = (_a) => {
|
22
|
-
var { onDrawerToggle, isDrawerOpen, setIsDrawerOpen, activeItemId, onSelectActiveItem, conversations, newChatButtonText = 'New chat', drawerContent, onNewChat, searchInputPlaceholder = 'Search...', searchInputAriaLabel = 'Filter menu items', handleTextInputChange, displayMode, reverseButtonOrder = false, drawerActionsTestId = 'chatbot-nav-drawer-actions' } = _a, props = __rest(_a, ["onDrawerToggle", "isDrawerOpen", "setIsDrawerOpen", "activeItemId", "onSelectActiveItem", "conversations", "newChatButtonText", "drawerContent", "onNewChat", "searchInputPlaceholder", "searchInputAriaLabel", "handleTextInputChange", "displayMode", "reverseButtonOrder", "drawerActionsTestId"]);
|
22
|
+
var { onDrawerToggle, isDrawerOpen, setIsDrawerOpen, activeItemId, onSelectActiveItem, conversations, newChatButtonText = 'New chat', drawerContent, onNewChat, searchInputPlaceholder = 'Search...', searchInputAriaLabel = 'Filter menu items', handleTextInputChange, displayMode, reverseButtonOrder = false, drawerActionsTestId = 'chatbot-nav-drawer-actions', menuProps } = _a, props = __rest(_a, ["onDrawerToggle", "isDrawerOpen", "setIsDrawerOpen", "activeItemId", "onSelectActiveItem", "conversations", "newChatButtonText", "drawerContent", "onNewChat", "searchInputPlaceholder", "searchInputAriaLabel", "handleTextInputChange", "displayMode", "reverseButtonOrder", "drawerActionsTestId", "menuProps"]);
|
23
23
|
const drawerRef = React.useRef(null);
|
24
24
|
const onExpand = () => {
|
25
25
|
drawerRef.current && drawerRef.current.focus();
|
26
26
|
};
|
27
27
|
const getNavItem = (conversation) => {
|
28
28
|
var _a;
|
29
|
-
return (React.createElement(MenuItem, Object.assign({ className:
|
29
|
+
return (React.createElement(MenuItem, Object.assign({ className: `pf-chatbot__menu-item ${activeItemId && activeItemId === conversation.id ? 'pf-chatbot__menu-item--active' : ''}`, itemId: conversation.id, key: conversation.id }, (conversation.noIcon ? {} : { icon: (_a = conversation.icon) !== null && _a !== void 0 ? _a : React.createElement(OutlinedCommentAltIcon, null) }), (conversation.menuItems
|
30
30
|
? {
|
31
31
|
actions: (React.createElement(ConversationHistoryDropdown, { menuClassName: conversation.menuClassName, onSelect: conversation.onSelect, menuItems: conversation.menuItems, label: conversation.label }))
|
32
32
|
}
|
33
|
-
: {})), conversation.text));
|
33
|
+
: {}), conversation.additionalProps), conversation.text));
|
34
34
|
};
|
35
35
|
const buildMenu = () => {
|
36
36
|
if (Array.isArray(conversations)) {
|
@@ -46,7 +46,7 @@ export const ChatbotConversationHistoryNav = (_a) => {
|
|
46
46
|
// Menu Content
|
47
47
|
// - Consumers should pass an array to <Chatbot> of the list of conversations
|
48
48
|
// - Groups could be optional, but items need to be ordered by date
|
49
|
-
const menuContent = (React.createElement(Menu, { isPlain: true, onSelect: onSelectActiveItem, activeItemId: activeItemId },
|
49
|
+
const menuContent = (React.createElement(Menu, Object.assign({ isPlain: true, onSelect: onSelectActiveItem, activeItemId: activeItemId }, menuProps),
|
50
50
|
React.createElement(MenuContent, null, buildMenu())));
|
51
51
|
const panelContent = (React.createElement(DrawerPanelContent, { focusTrap: { enabled: true }, minSize: "384px", maxSize: "384px" },
|
52
52
|
React.createElement(DrawerHead, null,
|
@@ -17,12 +17,12 @@ describe('ChatbotConversationHistoryNav', () => {
|
|
17
17
|
const initialConversations = [
|
18
18
|
{
|
19
19
|
id: '1',
|
20
|
-
text: '
|
20
|
+
text: 'ChatBot documentation'
|
21
21
|
}
|
22
22
|
];
|
23
23
|
it('should open the conversation history navigation drawer', () => {
|
24
24
|
render(React.createElement(ChatbotConversationHistoryNav, { onDrawerToggle: onDrawerToggle, isDrawerOpen: true, displayMode: ChatbotDisplayMode.fullscreen, setIsDrawerOpen: jest.fn(), conversations: initialConversations }));
|
25
|
-
expect(screen.queryByText('
|
25
|
+
expect(screen.queryByText('ChatBot documentation')).toBeInTheDocument();
|
26
26
|
});
|
27
27
|
it('should display the conversations for grouped conversations', () => {
|
28
28
|
const groupedConversations = {
|
@@ -58,7 +58,7 @@ describe('ChatbotConversationHistoryNav', () => {
|
|
58
58
|
charCode: 27
|
59
59
|
});
|
60
60
|
waitFor(() => {
|
61
|
-
expect(screen.queryByText('
|
61
|
+
expect(screen.queryByText('ChatBot documentation')).not.toBeInTheDocument();
|
62
62
|
});
|
63
63
|
}));
|
64
64
|
});
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { TooltipProps } from '@patternfly/react-core';
|
3
|
+
export interface ChatbotHeaderCloseButtonProps {
|
4
|
+
/** Callback function for when button is clicked */
|
5
|
+
onClick: () => void;
|
6
|
+
/** Custom classname for the header component */
|
7
|
+
className?: string;
|
8
|
+
/** Props spread to the PF Tooltip component wrapping the display mode dropdown */
|
9
|
+
tooltipProps?: TooltipProps;
|
10
|
+
/** Aria label for menu */
|
11
|
+
menuAriaLabel?: string;
|
12
|
+
/** Ref applied to menu */
|
13
|
+
innerRef?: React.Ref<HTMLButtonElement>;
|
14
|
+
/** Content used in tooltip */
|
15
|
+
tooltipContent?: string;
|
16
|
+
}
|
17
|
+
export declare const ChatbotHeaderCloseButton: React.ForwardRefExoticComponent<ChatbotHeaderCloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { Button, Icon, Tooltip } from '@patternfly/react-core';
|
3
|
+
import { CloseIcon } from '@patternfly/react-icons';
|
4
|
+
const ChatbotHeaderCloseButtonBase = ({ className, onClick, tooltipProps, menuAriaLabel = 'Close', innerRef, tooltipContent = 'Close' }) => (React.createElement("div", { className: `pf-chatbot__menu ${className}` },
|
5
|
+
React.createElement(Tooltip, Object.assign({ content: tooltipContent, position: "bottom" }, tooltipProps),
|
6
|
+
React.createElement(Button, { className: "pf-chatbot__button--toggle-menu", variant: "plain", onClick: onClick, "aria-label": menuAriaLabel, ref: innerRef, icon: React.createElement(Icon, { size: "xl", isInline: true },
|
7
|
+
React.createElement(CloseIcon, null)) }))));
|
8
|
+
export const ChatbotHeaderCloseButton = React.forwardRef((props, ref) => (React.createElement(ChatbotHeaderCloseButtonBase, Object.assign({ innerRef: ref }, props))));
|
@@ -11,5 +11,7 @@ export interface ChatbotHeaderMenuProps {
|
|
11
11
|
menuAriaLabel?: string;
|
12
12
|
/** Ref applied to menu */
|
13
13
|
innerRef?: React.Ref<HTMLButtonElement>;
|
14
|
+
/** Content used in tooltip */
|
15
|
+
tooltipContent?: string;
|
14
16
|
}
|
15
17
|
export declare const ChatbotHeaderMenu: React.ForwardRefExoticComponent<ChatbotHeaderMenuProps & React.RefAttributes<HTMLButtonElement>>;
|
@@ -1,8 +1,8 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { Button, Icon, Tooltip } from '@patternfly/react-core';
|
3
3
|
import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon';
|
4
|
-
const ChatbotHeaderMenuBase = ({ className, onMenuToggle, tooltipProps, menuAriaLabel = 'Toggle menu', innerRef }) => (React.createElement("div", { className: `pf-chatbot__menu ${className}` },
|
5
|
-
React.createElement(Tooltip, Object.assign({ content:
|
4
|
+
const ChatbotHeaderMenuBase = ({ className, onMenuToggle, tooltipProps, menuAriaLabel = 'Toggle menu', innerRef, tooltipContent = 'Menu' }) => (React.createElement("div", { className: `pf-chatbot__menu ${className}` },
|
5
|
+
React.createElement(Tooltip, Object.assign({ content: tooltipContent, position: "bottom" }, tooltipProps),
|
6
6
|
React.createElement(Button, { className: "pf-chatbot__button--toggle-menu", variant: "plain", onClick: onMenuToggle, "aria-label": menuAriaLabel, ref: innerRef, icon: React.createElement(Icon, { size: "xl", isInline: true },
|
7
7
|
React.createElement(BarsIcon, null)) }))));
|
8
8
|
export const ChatbotHeaderMenu = React.forwardRef((props, ref) => (React.createElement(ChatbotHeaderMenuBase, Object.assign({ innerRef: ref }, props))));
|
@@ -46,24 +46,14 @@ export const CodeModal = (_a) => {
|
|
46
46
|
setNewCode(value);
|
47
47
|
}
|
48
48
|
};
|
49
|
-
/* eslint-disable indent */
|
50
|
-
const getHeight = (displayMode) => {
|
51
|
-
switch (displayMode) {
|
52
|
-
case ChatbotDisplayMode.docked:
|
53
|
-
return '100vh';
|
54
|
-
default:
|
55
|
-
return '45vh';
|
56
|
-
}
|
57
|
-
};
|
58
|
-
/* eslint-enable indent */
|
59
49
|
const modal = (React.createElement(ChatbotModal, { isOpen: isModalOpen, onClose: handleModalToggle, ouiaId: "CodeModal", "aria-labelledby": "code-modal-title", "aria-describedby": "code-modal", className: `pf-chatbot__code-modal pf-chatbot__code-modal--${displayMode}`, displayMode: displayMode },
|
60
50
|
React.createElement(ModalHeader, { title: title, labelId: "code-modal-title" }),
|
61
51
|
React.createElement(ModalBody, { id: "code-modal-body" },
|
62
52
|
React.createElement(Stack, { className: "pf-chatbot__code-modal-body" },
|
63
53
|
React.createElement(StackItem, { className: "pf-chatbot__code-modal-file-details" },
|
64
54
|
React.createElement(FileDetails, { fileName: fileName })),
|
65
|
-
React.createElement(StackItem,
|
66
|
-
React.createElement(CodeEditor, Object.assign({ isDarkTheme: true, isLineNumbersVisible: isLineNumbersVisible, isLanguageLabelVisible: true, isCopyEnabled: isCopyEnabled, isReadOnly: isReadOnly, code: newCode, language: extensionToLanguage[path.extname(fileName).slice(1)], onEditorDidMount: onEditorDidMount, onCodeChange: onCodeChange, className: codeEditorClassName,
|
55
|
+
React.createElement(StackItem, { className: "pf-chatbot__code-modal-body" },
|
56
|
+
React.createElement(CodeEditor, Object.assign({ isDarkTheme: true, isLineNumbersVisible: isLineNumbersVisible, isLanguageLabelVisible: true, isCopyEnabled: isCopyEnabled, isReadOnly: isReadOnly, code: newCode, language: extensionToLanguage[path.extname(fileName).slice(1)], onEditorDidMount: onEditorDidMount, onCodeChange: onCodeChange, className: codeEditorClassName, isFullHeight: true, options: {
|
67
57
|
glyphMargin: false,
|
68
58
|
folding: false
|
69
59
|
} }, props))))),
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { ExtraProps } from 'react-markdown';
|
3
|
-
declare const OrderedListMessage: ({ children }: JSX.IntrinsicElements["ol"] & ExtraProps) => React.JSX.Element;
|
3
|
+
declare const OrderedListMessage: ({ children, start }: JSX.IntrinsicElements["ol"] & ExtraProps) => React.JSX.Element;
|
4
4
|
export default OrderedListMessage;
|
@@ -3,6 +3,6 @@
|
|
3
3
|
// ============================================================================
|
4
4
|
import React from 'react';
|
5
5
|
import { List, ListComponent, OrderType } from '@patternfly/react-core';
|
6
|
-
const OrderedListMessage = ({ children }) => (React.createElement("div", { className: "pf-chatbot__message-ordered-list" },
|
7
|
-
React.createElement(List, { component: ListComponent.ol, type: OrderType.number }, children)));
|
6
|
+
const OrderedListMessage = ({ children, start }) => (React.createElement("div", { className: "pf-chatbot__message-ordered-list" },
|
7
|
+
React.createElement(List, { component: ListComponent.ol, type: OrderType.number, start: start }, children)));
|
8
8
|
export default OrderedListMessage;
|
@@ -1,12 +1,9 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { AvatarProps, LabelGroupProps
|
2
|
+
import { AvatarProps, LabelGroupProps } from '@patternfly/react-core';
|
3
3
|
import { ActionProps } from '../ResponseActions/ResponseActions';
|
4
4
|
import { SourcesCardProps } from '../SourcesCard';
|
5
|
-
|
6
|
-
|
7
|
-
id: string;
|
8
|
-
onClick: () => void;
|
9
|
-
}
|
5
|
+
import { QuickStart, QuickstartAction } from './QuickStarts/types';
|
6
|
+
import QuickResponse from './QuickResponse/QuickResponse';
|
10
7
|
export interface MessageAttachment {
|
11
8
|
/** Name of file attached to the message */
|
12
9
|
name: string;
|
@@ -64,6 +61,19 @@ export interface MessageProps extends Omit<React.HTMLProps<HTMLDivElement>, 'rol
|
|
64
61
|
hasRoundAvatar?: boolean;
|
65
62
|
/** Any additional props applied to the avatar, for additional customization */
|
66
63
|
avatarProps?: Omit<AvatarProps, 'alt'>;
|
64
|
+
/** Props for QuickStart card */
|
65
|
+
quickStarts?: {
|
66
|
+
quickStart: QuickStart;
|
67
|
+
onSelectQuickStart: (id?: string) => void;
|
68
|
+
minuteWord?: string;
|
69
|
+
minuteWordPlural?: string;
|
70
|
+
prerequisiteWord?: string;
|
71
|
+
prerequisiteWordPlural?: string;
|
72
|
+
quickStartButtonAriaLabel?: string;
|
73
|
+
className?: string;
|
74
|
+
onClick?: () => void;
|
75
|
+
action?: QuickstartAction;
|
76
|
+
};
|
67
77
|
}
|
68
78
|
export declare const Message: React.FunctionComponent<MessageProps>;
|
69
79
|
export default Message;
|