Updated @azure/communication-react to 1.17.0-beta.1 (#255)

Author: vhuseinova-msft

ui-library-filesharing-chat-composite/app/package-lock.json

@@ -3,10 +3,10 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@azure/communication-calling": "1.24.1-beta.2",
+    "@azure/communication-calling": "1.25.1-beta.1",
     "@azure/communication-calling-effects": "1.0.1",
     "@azure/communication-chat": "1.6.0-beta.1",
-    "@azure/communication-react": "1.16.0-beta.1",
+    "@azure/communication-react": "1.17.0-beta.1",
     "axios": "^1.6.7",
     "form-data": "^4.0.0",
     "react": "^18.0.0",

ui-library-filesharing-chat-composite/app/package.json

@@ -1,43 +1,58 @@
-import { AttachmentDownloadOptions, AttachmentMetadata, ChatMessage, defaultAttachmentMenuAction } from "@azure/communication-react";
+import {
+  AttachmentDownloadOptions,
+  AttachmentMenuAction,
+  AttachmentMetadata,
+  ChatMessage,
+  defaultAttachmentMenuAction,
+} from "@azure/communication-react";
 
 const handler = () => {
   // here we are returning a static action for all attachments and all messages
   return [defaultAttachmentMenuAction];
 };
 
 // alternatively, you can return different actions based on the attachment or message
-export const customHandler = (attachment: AttachmentMetadata, message?: ChatMessage) => {
-  if (attachment.extension === "pdf") {
+export const customHandler = (
+  attachment: AttachmentMetadata,
+  message?: ChatMessage
+): AttachmentMenuAction[] => {
+  const extension = attachment.name.split(".").pop() || "";
+  if (extension === "pdf") {
     return [
       {
-        title: "Custom button",
-        icon: (<i className="custom-icon"></i>),
+        name: "Custom button",
+        icon: <i className="custom-icon"></i>,
         onClick: () => {
           window.alert("Custom button clicked");
-        }
+          return Promise.resolve();
+        },
       },
-      defaultAttachmentMenuAction
+      defaultAttachmentMenuAction,
     ];
   } else if (message?.senderId === "user1") {
     return [
       {
-        title: "Custom button 2",
-        icon: (<i className="custom-icon-2"></i>),
+        name: "Custom button 2",
+        icon: <i className="custom-icon-2"></i>,
         onClick: () => {
           window.alert("Custom button 2 clicked");
-        }
+          return Promise.resolve();
+        },
       },
       // you can also override the default action partially
       {
         ...defaultAttachmentMenuAction,
         onClick: () => {
           window.alert("Default action clicked");
-        }
-      }
+          return Promise.resolve();
+        },
+      },
     ];
+  } else {
+    return [defaultAttachmentMenuAction];
   }
-}
+};
 
 export const downloadOptions: AttachmentDownloadOptions = {
-  actionsForAttachment: handler
-}
+  actionsForAttachment: handler,
+};