npm - @pega/cosmos-react-demos - Versions diffs - 5.0.0-dev.1.0 → 5.0.0-dev.10.0 - Mend

@pega/cosmos-react-demos 5.0.0-dev.1.0 → 5.0.0-dev.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1008) hide show

package/lib/social/Chat/Chat.mocks.js.map CHANGED Viewed

package/lib/social/Chat/Chat.stories.d.ts CHANGED Viewed

@@ -35,12 +35,14 @@ interface SuggestedReplyPickerDemoProps {
     showNotification?: boolean;
     singleSuggestedReply?: boolean;
     noSuggestedReplies?: boolean;
+    disableButton?: boolean;
 }
 export declare const SuggestedReplyPickerDemo: StoryFn<SuggestedReplyPickerDemoProps>;
 /** *************************** SuggestedReplyPicker component - END ****************** */
 /** ******************************* ChatComposer component - START ************************ */
 interface ChatComposerDemoProps {
     maxAttachments?: number;
+    showSuggestReplyButton?: boolean;
 }
 export declare const ChatComposerDemo: StoryFn<ChatComposerDemoProps>;
 /** *********************************** ChatComposer component - END ********************** */
@@ -59,6 +61,8 @@ interface StandardChatProps {
     maxLength?: number;
     loading?: boolean;
     typingIndicator?: boolean;
+    showAttachments?: boolean;
+    genAIErrorState?: string;
 }
 export declare const StandardChat: StoryFn<StandardChatProps>;
 /** *************************** Standard Chat component - END ************************ */

package/lib/social/Chat/Chat.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Chat.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Chat/Chat.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;~~AA4BtD~~,OAAO,KAAK,EAIV,UAAU,EACX,MAAM,yBAAyB,CAAC;~~AAejC~~,OAAO,KAAK,EACV,eAAe,EACf,YAAY,EAIZ,kBAAkB,EAKlB,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;;~~AAenC~~,wBAGU;AAEV,mFAAmF;AACnF,UAAU,mBACR,SAAQ,UAAU,CAAC,eAAe,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;CAAG;AAE7E,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,mBAAmB,CAiCvD,CAAC;AAeF,mFAAmF;AAEnF,qFAAqF;AAErF,UAAU,gBAAiB,SAAQ,UAAU,CAAC,YAAY,EAAE,UAAU,GAAG,eAAe,CAAC;IACvF,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAC7C,UAAU,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACvC,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,EAAE,OAAO,CAAC,gBAAgB,CAuEjD,CAAC;AAsCF,oFAAoF;AAEpF,qFAAqF;AACrF,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,kBAAkB,CAEzD,CAAC;AAaF,uFAAuF;AAEvF,uFAAuF;AACvF,UAAU,sBAAsB;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AACD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,sBAAsB,CAW7D,CAAC;AASF,wFAAwF;AAExF,4FAA4F;AAC5F,UAAU,6BAA6B;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;~~CAC9B~~;AAED,eAAO,MAAM,wBAAwB,EAAE,OAAO,CAAC,6BAA6B,~~CA0B3E~~,CAAC;~~AAaF~~,0FAA0F;AAE1F,8FAA8F;AAC9F,UAAU,qBAAqB;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;~~CACzB~~;AAED,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,qBAAqB,~~CAW3D~~,CAAC;~~AASF~~,8FAA8F;AAE9F,+FAA+F;AAC/F,UAAU,iBAAiB;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;~~CAC3B~~;AAED,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,iBAAiB,~~CAoiBnD~~,CAAC;~~AAmCF~~,yFAAyF"}
1	+ {"version":3,"file":"Chat.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Chat/Chat.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AA6BtD,OAAO,KAAK,EAIV,UAAU,EACX,MAAM,yBAAyB,CAAC;AAiBjC,OAAO,KAAK,EACV,eAAe,EACf,YAAY,EAIZ,kBAAkB,EAKlB,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;;AAcnC,wBAGU;AAEV,mFAAmF;AACnF,UAAU,mBACR,SAAQ,UAAU,CAAC,eAAe,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;CAAG;AAE7E,eAAO,MAAM,cAAc,EAAE,OAAO,CAAC,mBAAmB,CAiCvD,CAAC;AAeF,mFAAmF;AAEnF,qFAAqF;AAErF,UAAU,gBAAiB,SAAQ,UAAU,CAAC,YAAY,EAAE,UAAU,GAAG,eAAe,CAAC;IACvF,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAC7C,UAAU,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IACvC,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,EAAE,OAAO,CAAC,gBAAgB,CAuEjD,CAAC;AAsCF,oFAAoF;AAEpF,qFAAqF;AACrF,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,kBAAkB,CAEzD,CAAC;AAaF,uFAAuF;AAEvF,uFAAuF;AACvF,UAAU,sBAAsB;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AACD,eAAO,MAAM,iBAAiB,EAAE,OAAO,CAAC,sBAAsB,CAW7D,CAAC;AASF,wFAAwF;AAExF,4FAA4F;AAC5F,UAAU,6BAA6B;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,wBAAwB,EAAE,OAAO,CAAC,6BAA6B,CA4B3E,CAAC;AAeF,0FAA0F;AAE1F,8FAA8F;AAC9F,UAAU,qBAAqB;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,qBAAqB,CAY3D,CAAC;AAWF,8FAA8F;AAE9F,+FAA+F;AAC/F,UAAU,iBAAiB;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY,EAAE,OAAO,CAAC,iBAAiB,CAmkBnD,CAAC;AA0CF,yFAAyF"}

package/lib/social/Chat/Chat.stories.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { action } from '@storybook/addon-actions';
-import { Button, Icon, registerIcon, Text, MenuButton, Flex, Popover, Link, EmojiContext, createUID, useOuterEvent, Select, Option, useElement, useModalManager, useModalContext, Modal, SummaryItem, useToaster, SearchInput, menuHelpers, VisuallyHiddenText, Menu, useEscape } from '@pega/cosmos-react-core';
+import { Button, Icon, registerIcon, Text, MenuButton, Flex, Popover, Link, EmojiContext, createUID, useOuterEvent, Select, Option, useElement, useModalManager, useModalContext, Modal, SummaryItem, useToaster, SearchInput, menuHelpers, VisuallyHiddenText, Menu, useEscape, usePrevious } from '@pega/cosmos-react-core';
 import * as arrowMicroDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-down.icon';
 import * as replyIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply.icon';
 import * as replyAllIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply-all.icon';
 import * as forwardIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/forward.icon';
-import { Chat, ChatHeader, ChatComposer, Message, NewMessageSeparatorId, SuggestedReplyPicker, SystemMessage, TypeIndicator } from '@pega/cosmos-react-social';
-import { ChatMockData, phrasesDisplayNames, phrasesMessages, pagePushList, contextItems as contextItemsMock, BotConversation, ClaimsAgentConversation, LiveChatConversation } from './Chat.mocks';
+import { Chat, ChatHeader, ChatComposer, Message, NewMessageSeparatorId, SuggestedReplyPicker, SystemMessage, TypeIndicator, isReplyErrorState, isReplyLoadingState } from '@pega/cosmos-react-social';
+import { ChatMockData, phrasesDisplayNames, phrasesMessages, contextItems as contextItemsMock, BotConversation, ClaimsAgentConversation, LiveChatConversation } from './Chat.mocks';
 registerIcon(forwardIcon, replyIcon, replyAllIcon, arrowMicroDownIcon);
 export default {
     title: 'Social/Chat',
@@ -162,27 +162,32 @@ export const SuggestedReplyPickerDemo = (args) => {
         ? [ChatMockData.suggestedReplies[0]]
         : ChatMockData.suggestedReplies;
     return (_jsx(SuggestedReplyPicker, { replies: args.noSuggestedReplies ? [] : renderReplies, onSelect: suggestedReply => {
-            action(`Suggested reply picked ${suggestedReply.message}`)();
+            if (!isReplyErrorState(suggestedReply) && !isReplyLoadingState(suggestedReply))
+                action(`Suggested reply picked ${suggestedReply.message}`)();
         }, collapsed: suggestedRepliesCollapsed, onExpandCollapse: () => {
             setSuggestedRepliesCollapsed(prev => !prev);
-        }, currentReplyId: currentReplyId, onReplyChange: setCurrentReplyId, showNotification: args.showNotification, onSend: () => action('Send suggested reply') }));
+        }, currentReplyId: currentReplyId, onReplyChange: setCurrentReplyId, showNotification: args.showNotification, onSend: () => action('Send suggested reply'), disabled: args.disableButton }));
 };
 SuggestedReplyPickerDemo.args = {
     showNotification: false,
     singleSuggestedReply: false,
-    noSuggestedReplies: false
+    noSuggestedReplies: false,
+    disableButton: false
 };
 SuggestedReplyPickerDemo.argTypes = {
     showNotification: { type: 'boolean' },
     singleSuggestedReply: { type: 'boolean' },
-    noSuggestedReplies: { type: 'boolean' }
+    noSuggestedReplies: { type: 'boolean' },
+    disableButton: { type: 'boolean' }
 };
-export const ChatComposerDemo = (args) => (_jsxs(ChatComposer, { maxAttachments: args.maxAttachments, attachments: ChatMockData.defaultAttachments, maxLength: 256, placeholder: 'Type here to send message', onSend: () => { }, children: [_jsx(MenuButton, { text: 'Phrases', menu: { items: [] } }), _jsx(MenuButton, { text: 'Page Push', menu: { items: [] } })] }));
+export const ChatComposerDemo = (args) => (_jsxs(ChatComposer, { maxAttachments: args.maxAttachments, attachments: ChatMockData.defaultAttachments, maxLength: 256, placeholder: 'Type here to send message', onSend: () => { }, onSuggestReplyClick: args.showSuggestReplyButton ? action('Suggest reply clicked') : undefined, children: [_jsx(MenuButton, { text: 'Phrases', menu: { items: [] } }), _jsx(MenuButton, { text: 'Page Push', menu: { items: [] } })] }));
 ChatComposerDemo.args = {
-    maxAttachments: 2
+    maxAttachments: 2,
+    showSuggestReplyButton: false
 };
 ChatComposerDemo.argTypes = {
-    maxAttachments: { control: { type: 'number' } }
+    maxAttachments: { control: { type: 'number' } },
+    showSuggestReplyButton: { control: { type: 'boolean' } }
 };
 export const StandardChat = (args) => {
     const ChatMockDataClone = useMemo(() => {
@@ -283,6 +288,7 @@ export const StandardChat = (args) => {
     const [contextItems, setContextItems] = useState([]);
     const [contextLoading, setContextLoading] = useState(false);
     const [suggestedRepliesCollapsed, setSuggestedRepliesCollapsed] = useState(false);
+    const [disableSuggestReply, setDisableSuggestReply] = useState(false);
     const onDeleteAttachment = useCallback((name) => {
         setAttachments(prevAttachments => prevAttachments.filter(item => item.name !== name));
     }, [setAttachments]);
@@ -294,6 +300,17 @@ export const StandardChat = (args) => {
             };
         }));
     }, [defaultAttachments]);
+    const prevState = usePrevious(chatMessages);
+    useEffect(() => {
+        if (chatMessages &&
+            prevState &&
+            chatMessages.filter(({ senderType }) => senderType === 'customer').length >
+                prevState.filter(({ senderType }) => senderType === 'customer').length)
+            setDisableSuggestReply(false);
+    }, [chatMessages]);
+    useEffect(() => {
+        setDisableSuggestReply(false);
+    }, [args.genAIErrorState]);
     const appendMessage = (message) => {
         const incrementUnreadMessageCount = conversationRef.current?.isScrolledToLatest();
         setChatMessages(prevChatMessages => {
@@ -420,6 +437,7 @@ export const StandardChat = (args) => {
     const [buttonEl, setButtonEl] = useElement(null);
     const [popoverEl, setPopoverEl] = useElement(null);
     const [currentReply, setCurrentReply] = useState(suggestedReplies?.[0]?.id || '');
+    const [replies, setReplies] = useState(suggestedReplies);
     useOuterEvent('mousedown', [popoverEl, buttonEl], () => {
         setIsOpen(false);
         setSearch('');
@@ -427,41 +445,20 @@ export const StandardChat = (args) => {
     useEscape(() => {
         setIsOpen(false);
     });
-    const pagePushItemsRender = useMemo(() => {
-        return pagePushList.map(item => {
-            return { id: item.id, primary: item.message };
-        });
-    }, [pagePushList]);
     const composerChildren = (_jsxs(_Fragment, { children: [_jsx(Button, { ref: setButtonEl, onClick: () => setIsOpen(cur => !cur), variant: 'secondary', disabled: args.disableChat, children: _jsxs(Flex, { container: { alignItems: 'center', gap: 1 }, children: [_jsx(Text, { children: "Phrases" }), _jsx(Icon, { name: 'arrow-micro-down' })] }) }), _jsx(Popover, { show: isOpen, ref: setPopoverEl, target: buttonEl, children: _jsx(Menu, { id: menuID, listId: menuListID, mode: 'action', variant: 'flyout', items: itemsToRender, role: 'listbox', onItemClick: id => {
                         insertPhrasesMessage(phrasesMessages.filter(message => message.id === id)[0].message);
                         setAnnouncement('Phrase inserted');
                         setIsOpen(false);
                         setSearch('');
-                    }, accent: search ? searchRegex : undefined, focusControlEl: searchEleRef.current || undefined, footer: _jsx(SearchInput, { ref: searchEleRef, onSearchChange: setSearch, value: search, role: 'searchbox', searchInputAriaLabel: 'Start typing to search.' }) }) }), _jsx(MenuButton, { text: 'Page push', disabled: args.disableChat, menu: {
-                    id: menuID,
-                    listId: menuListID,
-                    mode: 'action',
-                    variant: 'flyout',
-                    items: pagePushItemsRender,
-                    role: 'listbox',
-                    onItemClick: id => {
-                        setAnnouncement('Link inserted');
-                        setChatMessages(prevChatMessages => [
-                            ...prevChatMessages,
-                            pagePushList.filter(item => item.id === id)[0]
-                        ]);
-                    }
-                } }), _jsx(Popover, { show: mountPopover, target: chatComposerImperativeHandleRef?.current?.textAreaRef?.current, placement: 'top-start', children: _jsx(Menu, { scrollAt: 20, items: itemsToRender, onItemClick: id => {
-                        insertPhrasesMessage(phrasesMessages.filter(message => message.id === id)[0].message);
-                        setAnnouncement('Phrase inserted');
-                    }, focusControlEl: chatComposerImperativeHandleRef?.current?.textAreaRef?.current }) })] }));
+                    }, accent: search ? searchRegex : undefined, focusControlEl: searchEleRef.current || undefined, footer: _jsx(SearchInput, { ref: searchEleRef, onSearchChange: setSearch, value: search, role: 'searchbox', searchInputAriaLabel: 'Start typing to search.' }) }) })] }));
     const composerProps = {
         ref: chatComposerImperativeHandleRef,
         maxAttachments: args.maxAttachments,
-        attachments,
+        attachments: args.showAttachments ? attachments : [],
         specialKeysConfig,
         showEmoji: true,
         disabled: args.disableChat,
+        disableSuggestReply,
         onAddAttachment: () => {
             setAttachments([
                 ...attachments,
@@ -488,12 +485,71 @@ export const StandardChat = (args) => {
                 timeStamp: '2:08'
             });
         },
+        onSuggestReplyClick: () => {
+            const newReplyId = 'genAI';
+            setDisableSuggestReply(true);
+            setSuggestedRepliesCollapsed(false);
+            setCurrentReply(newReplyId);
+            setReplies(prev => {
+                return [
+                    {
+                        id: newReplyId,
+                        loading: true,
+                        type: 'genAIReply'
+                    },
+                    ...prev.filter(reply => reply.type !== 'genAIReply')
+                ];
+            });
+            setTimeout(() => {
+                if (args.genAIErrorState === 'No suggestions') {
+                    setReplies(prev => {
+                        return [
+                            {
+                                id: newReplyId,
+                                message: 'No suggestions',
+                                errorType: 'noSuggestions',
+                                type: 'genAIReply'
+                            },
+                            ...prev.filter(reply => reply.type !== 'genAIReply')
+                        ];
+                    });
+                }
+                else if (args.genAIErrorState === 'Error') {
+                    setReplies(prev => {
+                        return [
+                            {
+                                id: newReplyId,
+                                message: 'Failed to retrieve the data',
+                                errorType: 'error',
+                                type: 'genAIReply'
+                            },
+                            ...prev.filter(reply => reply.type !== 'genAIReply')
+                        ];
+                    });
+                    setDisableSuggestReply(false);
+                }
+                else {
+                    setReplies(prev => {
+                        return [
+                            {
+                                id: newReplyId,
+                                message: 'Happy to help. Is there anything else I can help with?',
+                                confidence: 75,
+                                type: 'genAIReply'
+                            },
+                            ...prev.filter(reply => reply.type !== 'genAIReply')
+                        ];
+                    });
+                }
+            }, 1000);
+        },
         children: composerChildren
     };
     const suggestedReplyPickerProps = {
-        replies: suggestedReplies,
+        replies,
         onSelect: (suggestedReply) => {
-            chatComposerImperativeHandleRef.current?.appendToMessage(suggestedReply.message, 'cursor');
+            if (!isReplyErrorState(suggestedReply) && !isReplyLoadingState(suggestedReply))
+                chatComposerImperativeHandleRef.current?.appendToMessage(suggestedReply.message, 'cursor');
         },
         collapsed: suggestedRepliesCollapsed,
         onExpandCollapse: () => {
@@ -562,10 +618,13 @@ StandardChat.args = {
     placeholder: 'Enter message',
     defaultMessage: 'Greetings! Hope you are having a great time, Please reach out to us for any help, Thanks!',
     maxLength: 280,
-    loading: false
+    loading: false,
+    showAttachments: true,
+    genAIErrorState: 'No error'
 };
 StandardChat.argTypes = {
     maxAttachments: { control: { type: 'number' } },
+    showAttachments: { control: { type: 'boolean' } },
     selectedChannel: { options: ['LiveChat', 'Twitter', 'Facebook'], control: { type: 'select' } },
     showChatBanner: { control: { type: 'boolean' } },
     disableChat: { control: { type: 'boolean' } },
@@ -575,7 +634,11 @@ StandardChat.argTypes = {
     placeholder: { control: { type: 'text' } },
     defaultMessage: { control: { type: 'text' } },
     maxLength: { control: { type: 'number' } },
-    loading: { control: { type: 'boolean' } }
+    loading: { control: { type: 'boolean' } },
+    genAIErrorState: {
+        options: ['No error', 'No suggestions', 'Error'],
+        control: { type: 'select' }
+    }
 };
 StandardChat.parameters = {
     layout: 'fullscreen'