chore(deps): remove mml-react

Author: MartinCupela

examples/capacitor/yarn.lock

@@ -133,8 +133,7 @@
     "use-sync-external-store": "^1.4.0"
   },
   "optionalDependencies": {
-    "@stream-io/transliterate": "^1.5.5",
-    "mml-react": "^0.4.7"
+    "@stream-io/transliterate": "^1.5.5"
   },
   "peerDependencies": {
     "@breezystack/lamejs": "^1.2.7",

examples/nextjs/yarn.lock

@@ -1,14 +1,13 @@
 import React, { useCallback, useMemo } from 'react';
 
-import { useActionHandler, useDeleteHandler, useUserRole } from './hooks';
+import { useDeleteHandler, useUserRole } from './hooks';
 import { MessageDeleted as DefaultMessageDeleted } from './MessageDeleted';
 import { MessageTimestamp } from './MessageTimestamp';
 import { getMessageActions } from './utils';
 
 import { Avatar } from '../Avatar';
 import { Gallery } from '../Gallery';
 import { MessageActions } from '../MessageActions';
-import { MML } from '../MML';
 
 import { useChatContext } from '../../context/ChatContext';
 import { useComponentContext } from '../../context/ComponentContext';
@@ -56,7 +55,6 @@ const UnMemoizedFixedHeightMessage = (props: FixedHeightMessageProps) => {
     propGroupedByUser !== undefined ? propGroupedByUser : contextGroupedByUser;
   const message = propMessage || contextMessage;
 
-  const handleAction = useActionHandler(message);
   const handleDelete = useDeleteHandler(message);
   const role = useUserRole(message);
 
@@ -106,9 +104,6 @@ const UnMemoizedFixedHeightMessage = (props: FixedHeightMessageProps) => {
             {images && <Gallery images={images} />}
             <div className='str-chat__virtual-message__text' data-testid='msg-text'>
               {renderedText}
-              {message.mml && (
-                <MML actionHandler={handleAction} align='left' source={message.mml} />
-              )}
               <div className='str-chat__virtual-message__data'>
                 <MessageActions
                   customWrapperClass='str-chat__virtual-message__actions'

examples/typescript/yarn.lock

@@ -27,7 +27,6 @@ import {
 import { Avatar as DefaultAvatar } from '../Avatar';
 import { Attachment as DefaultAttachment } from '../Attachment';
 import { EditMessageModal } from '../MessageInput';
-import { MML } from '../MML';
 import { Poll } from '../Poll';
 import { ReactionsList as DefaultReactionList } from '../Reactions';
 import { MessageBounceModal } from '../MessageBounce/MessageBounceModal';
@@ -197,13 +196,6 @@ const MessageSimpleWithContext = (props: MessageSimpleWithContextProps) => {
               ) : (
                 <MessageText message={message} renderText={renderText} />
               )}
-              {message.mml && (
-                <MML
-                  actionHandler={handleAction}
-                  align={isMyMessage() ? 'right' : 'left'}
-                  source={message.mml}
-                />
-              )}
               <MessageErrorIcon />
             </div>
           </div>