@droppii-org/chat-mobile 0.2.107 → 0.2.109

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/screens/chat-detail/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,KAAK,EACV,eAAe,EACf,WAAW,EACZ,MAAM,+BAA+B,CAAC;AAEvC,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,GAAG,YAAY,CAAC;AAE9E,oBAAY,yBAAyB;IACnC,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,WAAW,gBAAgB;IAC3B,iBAAiB,sBAAsB;CACxC;AAED,oBAAY,wBAAwB;IAClC,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,WAAW,gBAAgB;CAC5B;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,wBAAwB,GAAG,yBAAyB,CAAC;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,uBAAuB,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,EAAE,EAAE,wBAAwB,CAAC;CAC9B;AACD,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,EAAE,EAAE,yBAAyB,CAAC;CAC/B;AAED,MAAM,WAAW,qBAAqB;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,4BAA4B;IAC3C,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,aAAa,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACnD,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IAC5E,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,4BAA4B,KAAK,SAAS,CAAC;CAC1E;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,SAAS,CAAC;IAC5D,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,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,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,4BAA4B,CAAC,EAAE,MAAM,SAAS,CAAC;CAChD;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,qBAAqB,EACrB,eAAe,GAAG,gBAAgB,CACnC;IACC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,SAAS,CAAC;IAC5D,aAAa,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACpC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,4BAA4B,CAAC,EAAE,MAAM,SAAS,CAAC;CAChD;AAED;;;GAGG;AACH,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,OAAO,CAAC;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB"}

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":"AAQA,OAAO,KAAK,EAGV,YAAY,EACb,MAAM,eAAe,CAAC;AAavB,eAAO,MAAM,eAAe,2EAwMzB,CAAC;AAEJ,eAAO,MAAM,kBAAkB,GAAI,aAAa,MAAM,SAiBrD,CAAC"}
+{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../src/store/message.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAGV,YAAY,EACb,MAAM,eAAe,CAAC;AAcvB,eAAO,MAAM,eAAe,2EAqNzB,CAAC;AAEJ,eAAO,MAAM,kBAAkB,GAAI,aAAa,MAAM,SAiBrD,CAAC"}

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

@@ -0,0 +1,33 @@
+/**
+ * Per-touch state for dismissing the composer's attachment/sticker panel by
+ * tapping the chat timeline: a touch that began while the panel was open and
+ * ended without dragging is a dismiss tap. Drag detection is explicit — a
+ * movement threshold or the list's scroll-begin — since the touch is only
+ * observed (touch events), never claimed as the JS responder.
+ */
+export declare const DISMISS_DRAG_THRESHOLD_PX = 10;
+export interface DismissTouch {
+    panelOpenAtStart: boolean;
+    dragged: boolean;
+    startX: number;
+    startY: number;
+}
+export declare const IDLE_DISMISS_TOUCH: DismissTouch;
+export declare const startDismissTouch: (panelOpen: boolean, x: number, y: number) => DismissTouch;
+export declare const moveDismissTouch: (touch: DismissTouch, x: number, y: number) => DismissTouch;
+export declare const markDismissTouchDragged: (touch: DismissTouch) => DismissTouch;
+/** Whether releasing this touch should close the panel. */
+export declare const shouldDismissOnRelease: (touch: DismissTouch) => boolean;
+/**
+ * How long after the finger lifts a press still belongs to the dismissing
+ * touch. RNGH Tap and JS onPress callbacks land right after touchEnd; a later
+ * press (e.g. a screen-reader activation, which sends no touch events) must
+ * not be swallowed by a stale flag.
+ */
+export declare const SWALLOW_AFTER_RELEASE_MS = 500;
+/**
+ * Whether a timeline press must be swallowed. `releasedAt` is null while the
+ * dismissing touch is still down.
+ */
+export declare const isPressSwallowed: (swallow: boolean, releasedAt: number | null, now: number) => boolean;
+//# sourceMappingURL=composerPanelDismissGesture.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"composerPanelDismissGesture.d.ts","sourceRoot":"","sources":["../../../../src/utils/composerPanelDismissGesture.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,KAAK,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,EAAE,YAKhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,WAAW,OAAO,EAClB,GAAG,MAAM,EACT,GAAG,MAAM,KACR,YAKD,CAAC;AAEH,eAAO,MAAM,gBAAgB,GAC3B,OAAO,YAAY,EACnB,GAAG,MAAM,EACT,GAAG,MAAM,KACR,YAMF,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,YAAY,KAAG,YACT,CAAC;AAEtD,2DAA2D;AAC3D,eAAO,MAAM,sBAAsB,GAAI,OAAO,YAAY,KAAG,OACnB,CAAC;AAE3C;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAE5C;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,OAAO,EAChB,YAAY,MAAM,GAAG,IAAI,EACzB,KAAK,MAAM,KACV,OAEmE,CAAC"}

package/lib/typescript/src/utils/perf-marker.d.ts

@@ -0,0 +1,8 @@
+export declare const enablePerfMarkers: (on?: boolean) => void;
+export declare const perfMark: (name: string, data?: Record<string, unknown>) => void;
+/**
+ * Counts render-function invocations of `component`, including renders React later discards.
+ * Counts are batched and emitted as a delta every ~500 ms, so logging never happens per render.
+ */
+export declare const perfCountRender: (component: string) => void;
+//# sourceMappingURL=perf-marker.d.ts.map

package/lib/typescript/src/utils/perf-marker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"perf-marker.d.ts","sourceRoot":"","sources":["../../../../src/utils/perf-marker.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,iBAAiB,GAAI,YAAS,SAE1C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,SAGpE,CAAC;AASF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,WAAW,MAAM,SAKhD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@droppii-org/chat-mobile",
-  "version": "0.2.107",
+  "version": "0.2.109",
   "description": "Droppii chat mobile",
   "keywords": [
     "react-native",
@@ -63,6 +63,7 @@
     "typecheck": "tsc -p tsconfig.build.json 2>&1 | grep -E 'src/.*error' || echo 'Typecheck passed (external dependency warnings ignored)'",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "test": "jest",
+    "perf": "node performance/scripts/cli.mjs",
     "release": "release-it --no-git --ci --no-increment",
     "web": "vite",
     "build:web": "vite build",

package/src/components/ThreadCard/ThreadCard.tsx

@@ -25,6 +25,7 @@ import { MuteThread } from './MuteThread';
 import { PinThread } from './PinThread';
 import { useIsJoinedGroup } from '../../hooks/useIsJoinedGroup';
 import isEmpty from 'lodash/isEmpty';
+import { perfCountRender } from '../../utils/perf-marker';
 
 interface ThreadCardProps {
   item: string;
@@ -35,6 +36,7 @@ interface ThreadCardProps {
 }
 
 const ThreadCard = memo(({ item, onPress }: ThreadCardProps) => {
+  perfCountRender('ThreadCard');
   const conversation = useConversation(item);
 
   const {

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

@@ -7,6 +7,9 @@ import { getTailCornerStyle } from '../bubbleTail.utils';
 import { BubbleTailRow } from '../BubbleTailRow';
 import type { BaseLegendMessageProps } from '../types';
 import { useFileDownload } from '../../../hooks/useFileDownload';
+import { useGuardedPress } from '../../../hooks/useGuardedPress';
+import { useDismissKeyboardFirst } from '../../../hooks/useDismissKeyboardFirst';
+import { useTimelinePressGuard } from '../../../context/TimelinePressGuardContext';
 import {
   getFileIcon,
   getMimeType,
@@ -22,9 +25,20 @@ export const FileMessage = memo(
       (message.fileElem as any)?.url ||
       '';
 
-    const { state, handleView, handleDownload } = useFileDownload(
-      fileName,
-      url
+    const {
+      state,
+      handleView: handleViewRaw,
+      handleDownload: handleDownloadRaw,
+    } = useFileDownload(fileName, url);
+    // Skipped for the tap that dismisses a composer panel (timeline only).
+    const shouldSwallowPress = useTimelinePressGuard();
+    const handleView = useGuardedPress(
+      useDismissKeyboardFirst(handleViewRaw),
+      shouldSwallowPress
+    );
+    const handleDownload = useGuardedPress(
+      handleDownloadRaw,
+      shouldSwallowPress
     );
 
     const mimeType = useMemo(() => getMimeType(fileName), [fileName]);

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

@@ -25,6 +25,7 @@ import { renderLinkifiedText } from '../LinkifiedText';
 import { ExpandableMessageText } from '../ExpandableMessageText';
 import { useUserStore } from '../../../store';
 import { useChatDetailContext } from '../../../context';
+import { useTimelinePressGuard } from '../../../context/TimelinePressGuardContext';
 import { ChatEvent } from '../../../types/events';
 
 interface QuotedMessageProps extends BaseLegendMessageProps {
@@ -85,11 +86,14 @@ const QuotedMessage = memo((props: QuotedMessageProps) => {
     return getFileIcon(mimeType);
   }, [quotedMessage]);
 
+  // Skipped for the tap that dismisses a composer panel (timeline only).
+  const shouldSwallowPress = useTimelinePressGuard();
   const handlePressQuotedMessage = useCallback(() => {
+    if (shouldSwallowPress()) return;
     DeviceEventEmitter.emit(ChatEvent.ScrollToMessage, {
       clientMessageId: quotedMessage?.clientMsgID || '',
     });
-  }, [quotedMessage]);
+  }, [quotedMessage, shouldSwallowPress]);
 
   return (
     <>

package/src/context/TimelinePressGuardContext.tsx

@@ -0,0 +1,15 @@
+import { createContext, useContext } from 'react';
+
+const neverSwallow = () => false;
+
+/**
+ * Timeline-only press guard. ChatListLegend provides the tap-outside panel
+ * dismiss's `shouldSwallowPress` (useComposerPanelDismiss); every other
+ * surface (Pin Management, toolbox overlay) gets the no-op default.
+ */
+const TimelinePressGuardContext = createContext<() => boolean>(neverSwallow);
+
+export const TimelinePressGuardProvider = TimelinePressGuardContext.Provider;
+
+export const useTimelinePressGuard = () =>
+  useContext(TimelinePressGuardContext);

package/src/hooks/useConversationList.ts

@@ -4,6 +4,7 @@ import OpenIMSDK from '@droppii/openim-rn-client-sdk';
 import { conversationQueryKeys } from './query-keys';
 import { useConversationStore } from '../store';
 import type { DChatApplicationType } from '../types/chat';
+import { perfMark } from '../utils/perf-marker';
 
 type Params = {
   applicationType: DChatApplicationType;
@@ -33,6 +34,7 @@ export function useConversationList({
       });
 
       useConversationStore.getState().updateConversations(conversations);
+      perfMark('conversation_list_loaded', { count: conversations.length });
       return conversations;
     },
   });

package/src/hooks/useDismissKeyboardFirst.ts

@@ -0,0 +1,19 @@
+import { useMemo } from 'react';
+import { Keyboard } from 'react-native';
+
+/**
+ * Wraps a press that leaves the timeline (media viewer, link, file viewer) so
+ * the keyboard is dismissed first. The timeline uses
+ * `keyboardShouldPersistTaps="handled"`, so the keyboard would otherwise stay
+ * up over the screen the press opens. An absent handler stays absent.
+ */
+export const useDismissKeyboardFirst = <A extends unknown[]>(
+  handler: ((...args: A) => unknown) | undefined
+): ((...args: A) => void) | undefined =>
+  useMemo(() => {
+    if (!handler) return handler;
+    return (...args: A) => {
+      Keyboard.dismiss();
+      handler(...args);
+    };
+  }, [handler]);

package/src/hooks/useExpandableText.ts

@@ -1,6 +1,7 @@
 import { useCallback, useState } from 'react';
 import { useWindowDimensions, type TextLayoutEvent } from 'react-native';
 import { useExpandedMessageStore } from '../store/expandedMessage';
+import { useTimelinePressGuard } from '../context/TimelinePressGuardContext';
 import {
   COLLAPSED_LINES,
   expandedKey,
@@ -125,9 +126,12 @@ export function useExpandableText(
     [fit, key, settle]
   );
 
+  // Skipped for the tap that dismisses a composer panel (timeline only).
+  const shouldSwallowPress = useTimelinePressGuard();
   const expand = useCallback(() => {
+    if (shouldSwallowPress()) return;
     expandInStore(surface, messageId);
-  }, [expandInStore, surface, messageId]);
+  }, [expandInStore, surface, messageId, shouldSwallowPress]);
 
   return {
     mode,

package/src/hooks/useGuardedPress.ts

@@ -0,0 +1,20 @@
+import { useMemo } from 'react';
+
+/**
+ * Wraps a timeline press handler so it is skipped while `shouldSwallow()` is
+ * true — the tap-outside panel dismiss (useComposerPanelDismiss) swallows the
+ * press of a touch that began with a composer panel open. An absent handler
+ * stays absent, so "not tappable" rows keep behaving as before. The wrapper's
+ * return value is dropped: press handlers are fire-and-forget.
+ */
+export const useGuardedPress = <A extends unknown[]>(
+  handler: ((...args: A) => unknown) | undefined,
+  shouldSwallow: (() => boolean) | undefined
+): ((...args: A) => void) | undefined =>
+  useMemo(() => {
+    if (!handler || !shouldSwallow) return handler;
+    return (...args: A) => {
+      if (shouldSwallow()) return;
+      handler(...args);
+    };
+  }, [handler, shouldSwallow]);

package/src/screens/ChatInfo/ChatInfo.tsx

@@ -1,4 +1,4 @@
-import { memo, useCallback } from 'react';
+import { memo, useCallback, useMemo } from 'react';
 import { KContainer, KNavigation } from '@droppii/libs';
 import { useNavigation } from '@react-navigation/native';
 import { useGetConversationTarget } from '../../hooks/conversation/useGetConversationDetail';
@@ -14,6 +14,7 @@ import { trans } from '../../translation';
 import { withChatDetailProvider } from '../../context';
 import { useChatDetailContext } from '../../context';
 import { getHeaderIconColor } from '../../utils/theme';
+import { useIsJoinedGroup } from '../../hooks/useIsJoinedGroup';
 
 const ChatInfo = memo(
   ({
@@ -39,6 +40,12 @@ const ChatInfo = memo(
     );
     const { leaveGroup } = useLeaveGroup();
 
+    const { data: isJoinedGroup } = useIsJoinedGroup(conversation?.groupID);
+
+    const isNotInGroup = useMemo(() => {
+      return isGroup ? !isJoinedGroup : false;
+    }, [isGroup, isJoinedGroup]);
+
     const handleLeaveGroup = useCallback(async () => {
       if (!conversation?.groupID) return;
 
@@ -78,6 +85,7 @@ const ChatInfo = memo(
           <ChatInfoProfile
             conversation={conversation}
             onPressSearch={onPressSearch}
+            isNotInGroup={isNotInGroup}
           />
           <ChatInfoMediaRow onPressMedia={onPressMedia} />
           <KContainer.VisibleView visible={isGroup}>
@@ -92,6 +100,7 @@ const ChatInfo = memo(
             onPressAddToGroup={onPressAddToGroup}
             onPressLeaveGroup={handleLeaveGroup}
             onDismissGroup={onDismissGroup}
+            isNotInGroup={isNotInGroup}
           />
         </KContainer.ScrollView>
       </KContainer.Page>

package/src/screens/ChatInfo/ChatInfoActions.tsx

@@ -26,6 +26,7 @@ interface ChatInfoActionsProps {
   onPressAddToGroup?: () => void;
   onPressLeaveGroup?: () => void;
   onDismissGroup?: () => void;
+  isNotInGroup?: boolean;
 }
 
 const ChatInfoActions = memo(
@@ -38,6 +39,7 @@ const ChatInfoActions = memo(
     onPressAddToGroup,
     onPressLeaveGroup,
     onDismissGroup,
+    isNotInGroup,
   }: ChatInfoActionsProps) => {
     const { pinConversation, unpinConversation } = usePinConversation();
     const isPinned = Boolean(conversation?.isPinned);
@@ -113,22 +115,24 @@ const ChatInfoActions = memo(
         }
       }
 
-      items.push({
-        leftNode: {
-          icon: { vectorName: isPinned ? 'thumbtack-off-o' : 'thumbtack-o' },
-        },
-        onPress: handlePinPress,
-        showChevron: false,
-        paddingH: '0.75rem',
-        paddingV: '0.75rem',
-        customLabel: (
-          <KLabel.Text typo="TextMdMedium" numberOfLines={1}>
-            {isPinned
-              ? trans('chat:info_unpin_message')
-              : trans('chat:info_pin_message')}
-          </KLabel.Text>
-        ),
-      });
+      if (!isNotInGroup) {
+        items.push({
+          leftNode: {
+            icon: { vectorName: isPinned ? 'thumbtack-off-o' : 'thumbtack-o' },
+          },
+          onPress: handlePinPress,
+          showChevron: false,
+          paddingH: '0.75rem',
+          paddingV: '0.75rem',
+          customLabel: (
+            <KLabel.Text typo="TextMdMedium" numberOfLines={1}>
+              {isPinned
+                ? trans('chat:info_unpin_message')
+                : trans('chat:info_pin_message')}
+            </KLabel.Text>
+          ),
+        });
+      }
 
       return items;
     }, [
@@ -141,11 +145,12 @@ const ChatInfoActions = memo(
       onPressCreateGroup,
       onPressAddToGroup,
       handlePinPress,
+      isNotInGroup,
     ]);
 
     const dangerData: KListItemBaseItemProps[] = useMemo(() => {
       const items: KListItemBaseItemProps[] = [];
-      if (isGroup) {
+      if (isGroup && !isNotInGroup) {
         items.push({
           leftNode: {
             icon: {
@@ -194,29 +199,31 @@ const ChatInfoActions = memo(
         }
       }
 
-      items.push({
-        label: trans('chat:info_delete_history'),
-        leftNode: {
-          icon: {
-            vectorName: 'trash-alt-o-1',
-            tintColor: KColors.danger.normal,
+      if (!isNotInGroup) {
+        items.push({
+          label: trans('chat:info_delete_history'),
+          leftNode: {
+            icon: {
+              vectorName: 'trash-alt-o-1',
+              tintColor: KColors.danger.normal,
+            },
           },
-        },
-        tintColor: KColors.danger.normal,
-        onPress: handleDeleteHistory,
-        showChevron: false,
-        paddingH: '0.75rem',
-        paddingV: '0.75rem',
-        customLabel: (
-          <KLabel.Text
-            typo="TextMdMedium"
-            color={KColors.danger.normal}
-            numberOfLines={1}
-          >
-            {trans('chat:info_delete_history')}
-          </KLabel.Text>
-        ),
-      });
+          tintColor: KColors.danger.normal,
+          onPress: handleDeleteHistory,
+          showChevron: false,
+          paddingH: '0.75rem',
+          paddingV: '0.75rem',
+          customLabel: (
+            <KLabel.Text
+              typo="TextMdMedium"
+              color={KColors.danger.normal}
+              numberOfLines={1}
+            >
+              {trans('chat:info_delete_history')}
+            </KLabel.Text>
+          ),
+        });
+      }
 
       return items;
     }, [
@@ -225,6 +232,7 @@ const ChatInfoActions = memo(
       handleDeleteHistory,
       isOwner,
       handleDismissGroup,
+      isNotInGroup,
     ]);
 
     return (

package/src/screens/ChatInfo/ChatInfoProfile.tsx

@@ -47,10 +47,11 @@ const QuickAction = memo(
 interface ChatInfoProfileProps {
   conversation?: ConversationItem;
   onPressSearch?: () => void;
+  isNotInGroup?: boolean;
 }
 
 const ChatInfoProfile = memo(
-  ({ conversation, onPressSearch }: ChatInfoProfileProps) => {
+  ({ conversation, onPressSearch, isNotInGroup }: ChatInfoProfileProps) => {
     const { faceURL, showName = '' } = conversation ?? {};
 
     const isMuted =
@@ -122,17 +123,21 @@ const ChatInfoProfile = memo(
             background={KColors.palette.gray.w25}
             iconColor={KColors.gray.dark}
           />
-          <QuickAction
-            iconName={isMuted ? 'bell-b' : 'bell-off-o'}
-            label={
-              isMuted ? trans('chat:unmute_action') : trans('chat:mute_action')
-            }
-            background={
-              isMuted ? KColors.primary.normal : KColors.palette.gray.w25
-            }
-            iconColor={isMuted ? KColors.white : KColors.gray.dark}
-            onPress={handleNotificationPress}
-          />
+          <KContainer.VisibleView visible={!isNotInGroup}>
+            <QuickAction
+              iconName={isMuted ? 'bell-b' : 'bell-off-o'}
+              label={
+                isMuted
+                  ? trans('chat:unmute_action')
+                  : trans('chat:mute_action')
+              }
+              background={
+                isMuted ? KColors.primary.normal : KColors.palette.gray.w25
+              }
+              iconColor={isMuted ? KColors.white : KColors.gray.dark}
+              onPress={handleNotificationPress}
+            />
+          </KContainer.VisibleView>
         </KContainer.View>
       </KContainer.View>
     );