feature: added onMessageDismiss event

Author: dogusata

example/src/main.ts

@@ -1177,6 +1177,9 @@ export const createMynahUI = (initialData?: MynahUIDataModel): MynahUI => {
     onInfoLinkClick: (tabId, link, mouseEvent) => {
       Log(`Link inside prompt info field clicked: <b>${link}</b>`);
     },
+    onMessageDismiss: (tabId, messageId) => {
+      Log(`Card dismissed: tabId: <b>${tabId}</b>, messageId: <b>${messageId}</b>`);
+    },
   });
 
   setTimeout(() => {

package-lock.json

@@ -1,7 +1,7 @@
 {
     "name": "@aws/mynah-ui",
     "displayName": "AWS Mynah UI",
-    "version": "4.31.0-beta.3",
+    "version": "4.31.0-beta.4",
     "description": "AWS Toolkit VSCode and Intellij IDE Extension Mynah UI",
     "publisher": "Amazon Web Services",
     "license": "Apache License 2.0",

package.json

@@ -279,6 +279,7 @@ export class ChatItemCard {
           icon: new Icon({ icon: 'cancel' }).render,
           onClick: () => {
             this.render.remove();
+            MynahUIGlobalEvents.getInstance().dispatch(MynahEventNames.CARD_DISMISS, { tabId: this.props.tabId, messageId: this.props.chatItem.messageId });
             if (this.props.chatItem.messageId !== undefined) {
               const currentChatItems: ChatItem[] = MynahUITabsStore.getInstance().getTabDataStore(this.props.tabId).getValue('chatItems');
               MynahUITabsStore.getInstance()

src/components/chat-item/chat-item-card.ts

@@ -274,6 +274,10 @@ export interface MynahUIProps {
     deleted: boolean,
     messageId?: string,
     eventId?: string) => void;
+  onMessageDismiss?: (
+    tabId: string,
+    messageId: string,
+    eventId?: string) => void;
   onFileActionClick?: (
     tabId: string,
     messageId: string,
@@ -735,6 +739,13 @@ ${(item.task ? marked.parseInline : marked.parse)(item.text, { breaks: false })
       }
     });
 
+    MynahUIGlobalEvents.getInstance().addListener(MynahEventNames.CARD_DISMISS, (data) => {
+      this.props.onMessageDismiss?.(
+        data.tabId,
+        data.messageId,
+        this.getUserEventId());
+    });
+
     MynahUIGlobalEvents.getInstance().addListener(MynahEventNames.FILE_ACTION_CLICK, (data) => {
       if (this.props.onFileActionClick !== undefined) {
         this.props.onFileActionClick(

src/main.ts

@@ -201,6 +201,7 @@ export enum MynahEventNames {
   FORM_TEXTUAL_ITEM_KEYPRESS = 'formTextualItemKeyPress',
   FORM_CHANGE = 'formChange',
   ADD_ATTACHMENT = 'addAttachment',
+  CARD_DISMISS = 'cardDismiss',
   REMOVE_ATTACHMENT = 'removeAttachment',
   TAB_BAR_BUTTON_CLICK = 'tabBarButtonClick',
   PROMPT_PROGRESS_ACTION_CLICK = 'promptProgressActionClick',