@droppii-org/chat-mobile 0.2.27 → 0.2.29

package/lib/typescript/src/hooks/message/useSendMessage.d.ts

@@ -10,6 +10,7 @@ export declare const useSendMessage: () => {
         flow?: IRunConversationFlowPayload;
     }) => Promise<void>;
     retryMessage: (message: MessageItem) => Promise<void>;
+    revokeMessage: (message: MessageItem) => Promise<void>;
 };
 export declare const createTextMessage: (text: string) => Promise<any>;
 export declare const createUrlTextMessage: (text: string, urls: string[]) => Promise<any>;

package/lib/typescript/src/hooks/message/useSendMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSendMessage.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/message/useSendMessage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAe,MAAM,+BAA+B,CAAC;AAS9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AAerE,eAAO,MAAM,cAAc;4DAwCpB;QACD,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;QACzB,WAAW,CAAC,EAAE,YAAY,CAAC;QAC3B,IAAI,CAAC,EAAE,2BAA2B,CAAC;KACpC;4BAiDe,WAAW;CAiD9B,CAAC;AAyBF,eAAO,MAAM,iBAAiB,GAAU,MAAM,MAAM,iBAanD,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAU,MAAM,MAAM,EAAE,MAAM,MAAM,EAAE,iBActE,CAAC"}
+{"version":3,"file":"useSendMessage.d.ts","sourceRoot":"","sources":["../../../../../src/hooks/message/useSendMessage.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAe,MAAM,+BAA+B,CAAC;AAS9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AAerE,eAAO,MAAM,cAAc;4DAwCpB;QACD,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;QACzB,WAAW,CAAC,EAAE,YAAY,CAAC;QAC3B,IAAI,CAAC,EAAE,2BAA2B,CAAC;KACpC;4BAiDe,WAAW;6BA6CqB,WAAW;CAqB9D,CAAC;AAyBF,eAAO,MAAM,iBAAiB,GAAU,MAAM,MAAM,iBAanD,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAU,MAAM,MAAM,EAAE,MAAM,MAAM,EAAE,iBActE,CAAC"}

package/lib/typescript/src/hooks/useMuteConversation.d.ts

@@ -0,0 +1,6 @@
+import type { ConversationItem } from '@droppii/openim-rn-client-sdk';
+export declare function useMuteConversation(): {
+    muteConversation: (conversation?: ConversationItem) => Promise<void>;
+    unmuteConversation: (conversation?: ConversationItem) => Promise<void>;
+};
+//# sourceMappingURL=useMuteConversation.d.ts.map

package/lib/typescript/src/hooks/useMuteConversation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMuteConversation.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useMuteConversation.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAGtE,wBAAgB,mBAAmB;sCAET,gBAAgB;wCAiBhB,gBAAgB;EAiBzC"}

package/lib/typescript/src/screens/chat-detail/legend/LegendChatMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LegendChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/legend/LegendChatMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAoC,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAGjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAgB/D,UAAU,sBAAsB;IAC9B,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,wBAAwB,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,SAAS,CAAC;CAC3D;AAwBD,eAAO,MAAM,iBAAiB,0JAUzB,sBAAsB,iCAsC1B,CAAC"}
+{"version":3,"file":"LegendChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/legend/LegendChatMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAoC,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAGjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAiB/D,UAAU,sBAAsB;IAC9B,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,wBAAwB,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,SAAS,CAAC;CAC3D;AAyBD,eAAO,MAAM,iBAAiB,0JAUzB,sBAAsB,iCAsC1B,CAAC"}

package/lib/typescript/src/screens/chat-detail/messageToolbox/MessageToolboxItem.d.ts

@@ -0,0 +1,10 @@
+interface MessageToolboxItemProps {
+    icon: string;
+    color: string;
+    label: string;
+    visible?: boolean;
+    onPress?: () => void;
+}
+export declare const MessageToolboxItem: import("react").MemoExoticComponent<({ icon, color, label, visible, onPress }: MessageToolboxItemProps) => import("react").JSX.Element>;
+export {};
+//# sourceMappingURL=MessageToolboxItem.d.ts.map

package/lib/typescript/src/screens/chat-detail/messageToolbox/MessageToolboxItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageToolboxItem.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/MessageToolboxItem.tsx"],"names":[],"mappings":"AAGA,UAAU,uBAAuB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,kBAAkB,iFACc,uBAAuB,iCAuBnE,CAAC"}

package/lib/typescript/src/screens/chat-detail/messageToolbox/MessageToolboxMenu.d.ts

@@ -2,10 +2,12 @@ interface MessageToolboxMenuProps {
     showCopyMessage?: boolean;
     showCopyMessageLink?: boolean;
     showRetryMessage?: boolean;
+    showRevokeMessage?: boolean;
     onCopyMessage: () => void;
     onCopyMessageLink: () => void;
     onRetryMessage: () => void;
+    onRevokeMessage: () => void;
 }
-export declare const MessageToolboxMenu: import("react").MemoExoticComponent<({ showCopyMessage, showCopyMessageLink, showRetryMessage, onCopyMessage, onCopyMessageLink, onRetryMessage, }: MessageToolboxMenuProps) => import("react").JSX.Element>;
+export declare const MessageToolboxMenu: import("react").MemoExoticComponent<({ showCopyMessage, showCopyMessageLink, showRetryMessage, showRevokeMessage, onCopyMessage, onCopyMessageLink, onRetryMessage, onRevokeMessage, }: MessageToolboxMenuProps) => import("react").JSX.Element>;
 export {};
 //# sourceMappingURL=MessageToolboxMenu.d.ts.map

package/lib/typescript/src/screens/chat-detail/messageToolbox/MessageToolboxMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageToolboxMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/MessageToolboxMenu.tsx"],"names":[],"mappings":"AAWA,UAAU,uBAAuB;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,kBAAkB,sJAQ1B,uBAAuB,iCA+D3B,CAAC"}
+{"version":3,"file":"MessageToolboxMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/MessageToolboxMenu.tsx"],"names":[],"mappings":"AAMA,UAAU,uBAAuB;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,eAAO,MAAM,kBAAkB,0LAU1B,uBAAuB,iCAqC3B,CAAC"}

package/lib/typescript/src/screens/chat-detail/messageToolbox/MessageToolboxOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageToolboxOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/MessageToolboxOverlay.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAgB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,0BAA0B;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,SAAS,CAAC;CAC9D;AAED,eAAO,MAAM,qBAAqB,0HA8FhC,CAAC"}
+{"version":3,"file":"MessageToolboxOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/MessageToolboxOverlay.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAgB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,0BAA0B;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,SAAS,CAAC;CAC9D;AAED,eAAO,MAAM,qBAAqB,0HA6HhC,CAAC"}

package/lib/typescript/src/screens/chat-detail/messageToolbox/messageToolbox.utils.d.ts

@@ -1,18 +1,12 @@
 import type { DMessageItem } from '../../../types/chat';
-export declare const isMessageRecalled: (message: DMessageItem) => boolean;
-export declare const isMessageSucceeded: (message: DMessageItem) => boolean;
-export declare const isEligibleForToolbox: (message: DMessageItem) => boolean;
-export declare const isCopyMessageSupported: (message: DMessageItem) => boolean;
-export declare const isCopyMessageLinkSupported: (message: DMessageItem) => boolean;
-export declare const isRetrySupported: (message: DMessageItem) => boolean;
 export declare const getCopyableMessageText: (message: DMessageItem) => string;
-export declare const useMessageToolboxItems: (message?: DMessageItem) => {
+export declare const getMessageToolboxItems: (message?: DMessageItem, currentUserId?: string) => {
     showCopyMessage?: undefined;
-    showCopyMessageLink?: undefined;
     showRetryMessage?: undefined;
+    showRevokeMessage?: undefined;
 } | {
     showCopyMessage: boolean;
-    showCopyMessageLink: boolean;
     showRetryMessage: boolean;
+    showRevokeMessage: boolean;
 };
 //# sourceMappingURL=messageToolbox.utils.d.ts.map

package/lib/typescript/src/screens/chat-detail/messageToolbox/messageToolbox.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messageToolbox.utils.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/messageToolbox.utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAWxD,eAAO,MAAM,iBAAiB,GAAI,SAAS,YAAY,KAAG,OACP,CAAC;AAEpD,eAAO,MAAM,kBAAkB,GAAI,SAAS,YAAY,KAAG,OAEjB,CAAC;AAG3C,eAAO,MAAM,oBAAoB,GAAI,SAAS,YAAY,KAAG,OACD,CAAC;AAE7D,eAAO,MAAM,sBAAsB,GAAI,SAAS,YAAY,KAAG,OAEZ,CAAC;AAGpD,eAAO,MAAM,0BAA0B,GAAI,SAAS,YAAY,KAAG,OACpC,CAAC;AAEhC,eAAO,MAAM,gBAAgB,GAAI,SAAS,YAAY,KAAG,OAChB,CAAC;AAE1C,eAAO,MAAM,sBAAsB,GAAI,SAAS,YAAY,KAAG,MAK9D,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,UAAU,YAAY;;;;;;;;CAc5D,CAAC"}
+{"version":3,"file":"messageToolbox.utils.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/messageToolbox.utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AA6CxD,eAAO,MAAM,sBAAsB,GAAI,SAAS,YAAY,KAAG,MAK9D,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,UAAU,YAAY,EACtB,gBAAgB,MAAM;;;;;;;;CAiBvB,CAAC"}

package/lib/typescript/src/store/message.d.ts

@@ -1,3 +1,4 @@
 import type { MessageStore } from '../types/chat';
 export declare const useMessageStore: import("zustand").UseBoundStore<import("zustand").StoreApi<MessageStore>>;
+export declare const markMessageRevoked: (clientMsgID: string) => void;
 //# sourceMappingURL=message.d.ts.map

package/lib/typescript/src/store/message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../src/store/message.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAgB,YAAY,EAAE,MAAM,eAAe,CAAC;AAGhE,eAAO,MAAM,eAAe,2EAsCzB,CAAC"}
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../src/store/message.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,YAAY,EAAE,MAAM,eAAe,CAAC;AAGhE,eAAO,MAAM,eAAe,2EAsCzB,CAAC;AAEJ,eAAO,MAAM,kBAAkB,GAAI,aAAa,MAAM,SAarD,CAAC"}

package/lib/typescript/src/translation/resources/i18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../../../src/translation/resources/i18n.ts"],"names":[],"mappings":";;;AA6CA,wBAEE"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../../../../src/translation/resources/i18n.ts"],"names":[],"mappings":";;;AAwDA,wBAEE"}

package/lib/typescript/src/types/chat.d.ts

@@ -108,7 +108,7 @@ export interface MessageStore {
     hasMoreNewer: boolean;
     setMessages: (messages: DMessageItem[], hasMore: boolean) => void;
     pushNewMessage: (message: MessageItem) => void;
-    updateOneMessage: (message: MessageItem) => void;
+    updateOneMessage: (message: Partial<MessageItem> & Pick<MessageItem, 'clientMsgID'>) => void;
     deleteOneMessage: (clientMsgID: string) => void;
     reset: () => void;
 }

package/lib/typescript/src/types/chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../../src/types/chat.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../../src/types/chat.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/utils/messageUtils.d.ts

@@ -3,6 +3,7 @@
  */
 import { type ConversationItem } from '@droppii/openim-rn-client-sdk';
 import type { DMessageItem } from '../types/chat';
+export declare const isMessageRevoked: (message: DMessageItem) => boolean;
 export declare const extractTextContent: (message: DMessageItem) => string;
 export declare const getMessagePreview: (message: DMessageItem) => string;
 export declare const getLastMessageText: (message: DMessageItem | undefined, currentUserId?: string, conversation?: ConversationItem) => string;

package/lib/typescript/src/utils/messageUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messageUtils.d.ts","sourceRoot":"","sources":["../../../../src/utils/messageUtils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAIlD,eAAO,MAAM,kBAAkB,GAAI,SAAS,YAAY,KAAG,MAQ1D,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,SAAS,YAAY,KAAG,MA8EzD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,SAAS,YAAY,GAAG,SAAS,EACjC,gBAAgB,MAAM,EACtB,eAAe,gBAAgB,KAC9B,MAqBF,CAAC"}
+{"version":3,"file":"messageUtils.d.ts","sourceRoot":"","sources":["../../../../src/utils/messageUtils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAGL,KAAK,gBAAgB,EACtB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAKlD,eAAO,MAAM,gBAAgB,GAAI,SAAS,YAAY,KAAG,OACN,CAAC;AAEpD,eAAO,MAAM,kBAAkB,GAAI,SAAS,YAAY,KAAG,MAQ1D,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,SAAS,YAAY,KAAG,MAiFzD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,SAAS,YAAY,GAAG,SAAS,EACjC,gBAAgB,MAAM,EACtB,eAAe,gBAAgB,KAC9B,MAmBF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@droppii-org/chat-mobile",
-  "version": "0.2.27",
+  "version": "0.2.29",
   "description": "Droppii chat mobile",
   "keywords": [
     "react-native",

package/src/components/ThreadCard/MuteThread.tsx

@@ -0,0 +1,100 @@
+import { memo, useCallback } from 'react';
+import type { SwipeableMethods } from 'react-native-gesture-handler/ReanimatedSwipeable';
+import { KContainer, KImage, KLabel, KColors } from '@droppii/libs';
+import { useMuteConversation } from '../../hooks/useMuteConversation';
+import { trans } from '../../translation';
+import { UIUtils } from '../../utils/UIUtils';
+import { type ConversationItem } from '@droppii/openim-rn-client-sdk';
+
+interface MuteThreadProps {
+  isMuted: boolean;
+  conversation?: ConversationItem;
+  swipeableMethods: SwipeableMethods;
+}
+
+export const MuteThread = memo(
+  ({ isMuted, conversation, swipeableMethods }: MuteThreadProps) => {
+    const { muteConversation, unmuteConversation } = useMuteConversation();
+
+    const handleMutePress = useCallback(() => {
+      UIUtils.alert.open({
+        title: trans('chat:mute_confirm_title'),
+        message: trans('chat:mute_confirm_desc'),
+        primaryIndex: 0,
+        buttons: [
+          {
+            label: trans('chat:mute_confirm_primary'),
+            kind: 'danger',
+            onPress: async () => {
+              try {
+                await muteConversation(conversation);
+                UIUtils.toast.open({
+                  title: trans('chat:mute_toast_success'),
+                  theme: 'success',
+                });
+              } catch {
+                UIUtils.toast.open({
+                  title: trans('chat:generic_error'),
+                  theme: 'error',
+                });
+              } finally {
+                swipeableMethods.close();
+              }
+            },
+          },
+          {
+            label: trans('chat:mute_confirm_secondary'),
+            kind: 'gray',
+            onPress: () => swipeableMethods.close(),
+          },
+        ],
+      });
+    }, [swipeableMethods, conversation, muteConversation]);
+
+    const handleUnmutePress = useCallback(async () => {
+      try {
+        await unmuteConversation(conversation);
+        UIUtils.toast.open({
+          title: trans('chat:unmute_toast_success'),
+          theme: 'success',
+        });
+      } catch {
+        UIUtils.toast.open({
+          title: trans('chat:generic_error'),
+          theme: 'error',
+        });
+      } finally {
+        swipeableMethods.close();
+      }
+    }, [swipeableMethods, conversation, unmuteConversation]);
+
+    return (
+      <KContainer.Touchable
+        width={76}
+        alignItems="center"
+        justifyContent="center"
+        background={
+          isMuted ? KColors.palette.gray.w400 : KColors.palette.danger.w400
+        }
+        onPress={isMuted ? handleUnmutePress : handleMutePress}
+      >
+        <KImage.VectorIcons
+          name={isMuted ? 'bell-o' : 'bell-off-o'}
+          provider="DroppiiNew"
+          size={20}
+          color={KColors.white}
+        />
+        <KLabel.Text
+          typo="Text2XsMedium"
+          color={KColors.white}
+          marginT="0.25rem"
+          textAlign="center"
+        >
+          {isMuted ? trans('chat:unmute_action') : trans('chat:mute_action')}
+        </KLabel.Text>
+      </KContainer.Touchable>
+    );
+  }
+);
+
+MuteThread.displayName = 'MuteThread';

package/src/components/ThreadCard/ThreadCard.tsx

@@ -1,5 +1,7 @@
 import { memo, useCallback, useMemo } from 'react';
 import { type GestureResponderEvent } from 'react-native';
+import ReanimatedSwipeable from 'react-native-gesture-handler/ReanimatedSwipeable';
+import type { SwipeableMethods } from 'react-native-gesture-handler/ReanimatedSwipeable';
 import { KContainer, KImage, KLabel, KColors } from '@droppii/libs';
 import { AvatarSection } from './AvatarSection';
 import { NamePrefixIcon } from './NamePrefixIcon';
@@ -7,7 +9,11 @@ import { UnreadBadge } from './UnreadBadge';
 import { formatTimestamp } from '../../utils/dateTimeUtils';
 import { getLastMessageText } from '../../utils/messageUtils';
 import { useConversation, useUserStore } from '../../store';
-import type { MessageItem } from '@droppii/openim-rn-client-sdk';
+import {
+  MessageReceiveOptType,
+  type MessageItem,
+} from '@droppii/openim-rn-client-sdk';
+import { MuteThread } from './MuteThread';
 
 interface ThreadCardProps {
   item: string;
@@ -15,18 +21,19 @@ interface ThreadCardProps {
 }
 
 const ThreadCard = memo(({ item, onPress }: ThreadCardProps) => {
-  const consversation = useConversation(item);
+  const conversation = useConversation(item);
 
   const {
     peerType,
     showName,
     faceURL,
     unreadCount = 0,
-    recvMsgOpt,
+    recvMsgOpt = MessageReceiveOptType.Normal,
     isPinned,
+    isNotInGroup,
     latestMsgSendTime,
     latestMsg,
-  } = consversation || {};
+  } = conversation || {};
 
   const latestMsgData: MessageItem = useMemo(() => {
     let result = null;
@@ -40,7 +47,7 @@ const ThreadCard = memo(({ item, onPress }: ThreadCardProps) => {
 
   const fullName = showName ?? '';
   const hasUnread = unreadCount > 0;
-  const isMuted = (recvMsgOpt ?? 0) !== 0;
+  const isMuted = recvMsgOpt !== MessageReceiveOptType.Normal;
   const timestamp = formatTimestamp(
     latestMsgSendTime ?? latestMsgData?.sendTime ?? null
   );
@@ -48,7 +55,7 @@ const ThreadCard = memo(({ item, onPress }: ThreadCardProps) => {
   const lastMessageText = getLastMessageText(
     latestMsgData,
     currentUserId,
-    consversation
+    conversation
   );
 
   const handlePress = useCallback(
@@ -58,79 +65,105 @@ const ThreadCard = memo(({ item, onPress }: ThreadCardProps) => {
     [item, onPress]
   );
 
+  const renderRightActions = useCallback(
+    (
+      _progress: unknown,
+      _translation: unknown,
+      swipeableMethods: SwipeableMethods
+    ) => (
+      <>
+        <KContainer.VisibleView visible={!isNotInGroup}>
+          <MuteThread
+            conversation={conversation}
+            isMuted={isMuted}
+            swipeableMethods={swipeableMethods}
+          />
+        </KContainer.VisibleView>
+      </>
+    ),
+    [isMuted, conversation, isNotInGroup]
+  );
+
   return (
-    <KContainer.Touchable
-      row
-      alignItems="center"
-      paddingH="0.75rem"
-      paddingV="0.75rem"
-      onPress={handlePress}
-      activeOpacity={0.7}
+    <ReanimatedSwipeable
+      friction={2}
+      rightThreshold={40}
+      renderRightActions={renderRightActions}
     >
-      <AvatarSection
-        avatar={faceURL ?? null}
-        fullName={fullName}
-        peerType={peerType}
-      />
+      <KContainer.Touchable
+        row
+        alignItems="center"
+        paddingH="0.75rem"
+        paddingV="0.75rem"
+        onPress={handlePress}
+        activeOpacity={1}
+        background={KColors.white}
+      >
+        <AvatarSection
+          avatar={faceURL ?? null}
+          fullName={fullName}
+          peerType={peerType}
+        />
 
-      {/* Chat-Content */}
-      <KContainer.View flex marginL="0.5rem" paddingB={2}>
-        {/* Row-Title */}
-        <KContainer.View row alignItems="center">
-          <NamePrefixIcon peerType={peerType} />
-          <KLabel.Text
-            typo={hasUnread ? 'TextMdBold' : 'TextMdNormal'}
-            numberOfLines={1}
-            color={KColors.black}
-            flex
-          >
-            {fullName}
-          </KLabel.Text>
-          <KContainer.VisibleView visible={isMuted}>
-            <KContainer.View marginL="0.25rem">
-              <KImage.VectorIcons
-                name="bell-off"
-                provider="MaterialCommunityIcons"
-                size={16}
-                color={KColors.palette.gray.w500}
-              />
-            </KContainer.View>
-          </KContainer.VisibleView>
-          <KContainer.VisibleView visible={Boolean(timestamp)}>
+        {/* Chat-Content */}
+        <KContainer.View flex marginL="0.5rem" paddingB={2}>
+          {/* Row-Title */}
+          <KContainer.View row alignItems="center">
+            <NamePrefixIcon peerType={peerType} />
             <KLabel.Text
-              typo="TextXsNormal"
-              color={KColors.palette.gray.w400}
-              marginL="0.25rem"
+              typo={hasUnread ? 'TextMdBold' : 'TextMdNormal'}
+              numberOfLines={1}
+              color={KColors.black}
+              flex
             >
-              {timestamp}
+              {fullName}
             </KLabel.Text>
-          </KContainer.VisibleView>
-        </KContainer.View>
-
-        {/* In-Text */}
-        <KContainer.View row alignItems="center">
-          <KLabel.Text
-            typo={hasUnread ? 'TextNmMedium' : 'TextNmNormal'}
-            color={hasUnread ? KColors.black : KColors.gray.normal}
-            numberOfLines={1}
-            flex
-          >
-            {lastMessageText}
-          </KLabel.Text>
-          <KContainer.VisibleView visible={Boolean(isPinned)}>
-            <KContainer.View marginL="0.5rem">
-              <KImage.VectorIcons
-                name="pin-outline"
-                provider="MaterialCommunityIcons"
-                size={14}
+            <KContainer.VisibleView visible={isMuted}>
+              <KContainer.View marginL="0.25rem">
+                <KImage.VectorIcons
+                  name="bell-off"
+                  provider="MaterialCommunityIcons"
+                  size={16}
+                  color={KColors.palette.gray.w500}
+                />
+              </KContainer.View>
+            </KContainer.VisibleView>
+            <KContainer.VisibleView visible={Boolean(timestamp)}>
+              <KLabel.Text
+                typo="TextXsNormal"
                 color={KColors.palette.gray.w400}
-              />
-            </KContainer.View>
-          </KContainer.VisibleView>
-          <UnreadBadge count={unreadCount} />
+                marginL="0.25rem"
+              >
+                {timestamp}
+              </KLabel.Text>
+            </KContainer.VisibleView>
+          </KContainer.View>
+
+          {/* In-Text */}
+          <KContainer.View row alignItems="center">
+            <KLabel.Text
+              typo={hasUnread ? 'TextNmMedium' : 'TextNmNormal'}
+              color={hasUnread ? KColors.black : KColors.gray.normal}
+              numberOfLines={1}
+              flex
+            >
+              {lastMessageText}
+            </KLabel.Text>
+            <KContainer.VisibleView visible={Boolean(isPinned)}>
+              <KContainer.View marginL="0.5rem">
+                <KImage.VectorIcons
+                  name="pin-outline"
+                  provider="MaterialCommunityIcons"
+                  size={14}
+                  color={KColors.palette.gray.w400}
+                />
+              </KContainer.View>
+            </KContainer.VisibleView>
+            <UnreadBadge count={unreadCount} />
+          </KContainer.View>
         </KContainer.View>
-      </KContainer.View>
-    </KContainer.Touchable>
+      </KContainer.Touchable>
+    </ReanimatedSwipeable>
   );
 });
 

package/src/components/messages/revokedMessage/index.tsx

@@ -0,0 +1,23 @@
+import { memo } from 'react';
+import { KContainer, KLabel } from '@droppii/libs';
+import { trans } from '../../../translation';
+import { CHAT_BUBBLE_COLORS } from '../../../screens/chat-detail/constants';
+import { messageStyles } from '../styles';
+import type { BaseLegendMessageProps } from '../types';
+
+export const RevokedMessage = memo(({ isOutgoing }: BaseLegendMessageProps) => {
+  return (
+    <KContainer.View
+      style={[
+        messageStyles.bubble,
+        isOutgoing ? messageStyles.bubbleSent : messageStyles.bubbleReceived,
+      ]}
+    >
+      <KLabel.Text typo="TextMdNormal" color={CHAT_BUBBLE_COLORS.timestamp}>
+        {trans('msg_type_revoke')}
+      </KLabel.Text>
+    </KContainer.View>
+  );
+});
+
+RevokedMessage.displayName = 'RevokedMessage';

package/src/config/uploadLimits.ts

@@ -3,7 +3,7 @@ const MB = 1024 * 1024;
 export const UPLOAD_LIMITS = {
   image: 15 * MB,
   video: 200 * MB,
-  file: 50 * MB,
+  file: 20 * MB,
 } as const;
 
 // Max concurrent thumbnail generations and file uploads.

package/src/core/useChatListener.ts

@@ -3,10 +3,11 @@ import OpenIMSDK, {
   type ConversationItem,
   type GroupMemberItem,
   type MessageItem,
+  type RevokedInfo,
 } from '@droppii/openim-rn-client-sdk';
 import { useCallback, useEffect } from 'react';
 import { useConversationStore } from '../store/conversation';
-import { useMessageStore } from '../store/message';
+import { markMessageRevoked, useMessageStore } from '../store/message';
 
 export const useChatListener = () => {
   const updateOneMessage = useMessageStore((state) => state.updateOneMessage);
@@ -56,6 +57,10 @@ export const useChatListener = () => {
     });
   }, []);
 
+  const onMessageRevoked = useCallback((revokedInfo: RevokedInfo) => {
+    markMessageRevoked(revokedInfo.clientMsgID);
+  }, []);
+
   useEffect(() => {
     // Conversation
     OpenIMSDK.on(OpenIMEvent.OnConversationChanged, onConversationChanged);
@@ -67,6 +72,7 @@ export const useChatListener = () => {
 
     // Message status
     OpenIMSDK.on(OpenIMEvent.SendMessageProgress, onSendMessageProgress);
+    OpenIMSDK.on(OpenIMEvent.OnNewRecvMessageRevoked, onMessageRevoked);
 
     return () => {
       // Conversation
@@ -79,6 +85,7 @@ export const useChatListener = () => {
 
       // Message status
       OpenIMSDK.off(OpenIMEvent.SendMessageProgress, onSendMessageProgress);
+      OpenIMSDK.off(OpenIMEvent.OnNewRecvMessageRevoked, onMessageRevoked);
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);

package/src/hooks/message/useSendMessage.ts

@@ -8,7 +8,7 @@ import OpenIMSDK from '@droppii/openim-rn-client-sdk';
 import type { IMessageItemEx } from '../../types/chat';
 import { useChatContext } from '../../context';
 import { generateContentBasedOnMessageType } from '../../utils/conversation';
-import { useMessageStore } from '../../store/message';
+import { markMessageRevoked, useMessageStore } from '../../store/message';
 
 import type { IUrlMetadata } from '../../types/common';
 import type { IRunConversationFlowPayload } from '../../types/flows';
@@ -165,9 +165,26 @@ export const useSendMessage = () => {
     [pushNewMessage, updateOneMessage, deleteOneMessage]
   );
 
+  const revokeMessage = useCallback(async (message: MessageItem) => {
+    const conversationID = useConversationStore
+      .getState()
+      .getCurrentConversation()?.conversationID;
+    if (!conversationID) throw new Error('No active conversation');
+
+    await OpenIMSDK.revokeMessage({
+      conversationID,
+      clientMsgID: message.clientMsgID,
+    });
+
+    // TODO: Handle revoked quoted message
+
+    markMessageRevoked(message.clientMsgID);
+  }, []);
+
   return {
     sendMessage,
     retryMessage,
+    revokeMessage,
   };
 };