@droppii-org/chat-mobile 0.2.106 → 0.2.108

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

@@ -0,0 +1 @@
+{"version":3,"file":"useComposerPanelDismiss.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/hooks/useComposerPanelDismiss.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAyB,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAWxD,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,SAAS,EACT,cAAc,GAAG,aAAa,GAAG,YAAY,GAAG,eAAe,CAChE,CAAC;AAoBF,eAAO,MAAM,uBAAuB;;;;;;;CAyEnC,CAAC"}

package/lib/typescript/src/screens/chat-detail/hooks/useComposerPanels.d.ts

@@ -0,0 +1,25 @@
+import { type RefObject } from 'react';
+import type { ActivePanelType } from './useChatComposerState';
+import type { ComposerPanelController } from '../types';
+export type ClosePanelMode = 'immediate' | 'fast' | 'animated';
+interface UseComposerPanelsProps {
+    activePanelType: ActivePanelType;
+    setActivePanelType: (type: ActivePanelType) => void;
+    isAttachmentOpen: boolean;
+    setIsAttachmentOpen: (open: boolean) => void;
+    isMentionPanelOpen: boolean;
+    closeMentionPanel: () => void;
+    isKeyboardVisible: boolean;
+    isSlotVisible: boolean;
+    panelControllerRef?: RefObject<ComposerPanelController | null>;
+    onPanelOpenChange?: (open: boolean) => void;
+}
+export declare const useComposerPanels: ({ activePanelType, setActivePanelType, isAttachmentOpen, setIsAttachmentOpen, isMentionPanelOpen, closeMentionPanel, isKeyboardVisible, isSlotVisible, panelControllerRef, onPanelOpenChange, }: UseComposerPanelsProps) => {
+    accessorySlotStyle: any;
+    closeActivePanel: (mode: ClosePanelMode) => void;
+    yieldingCloseMode: "immediate" | "fast";
+    handleToggleAttachment: () => void;
+    handleToggleSticker: () => void;
+};
+export {};
+//# sourceMappingURL=useComposerPanels.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useComposerPanels.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/hooks/useComposerPanels.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAOxD,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,MAAM,GAAG,UAAU,CAAC;AAE/D,UAAU,sBAAsB;IAC9B,eAAe,EAAE,eAAe,CAAC;IACjC,kBAAkB,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IACpD,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,EAAE,OAAO,CAAC;IAG3B,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,SAAS,CAAC,uBAAuB,GAAG,IAAI,CAAC,CAAC;IAE/D,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,iBAAiB,GAAI,iMAW/B,sBAAsB;;6BA8Bd,cAAc;;;;CAsHxB,CAAC"}

package/lib/typescript/src/screens/chat-detail/hooks/useComposerSend.d.ts

@@ -0,0 +1,16 @@
+import { type RefObject } from 'react';
+import type { useChatCompose } from '../../../hooks/useChatCompose';
+import type { useMentionComposer } from './useMentionComposer';
+type Mentions = ReturnType<typeof useMentionComposer>['mentions'];
+interface UseComposerSendProps {
+    compose: ReturnType<typeof useChatCompose>;
+    isSendMessageAllowed: boolean;
+    sendDeniedReason?: string;
+    mentions: Mentions;
+    clearMentions: () => void;
+    notifyStoppedTyping: () => void;
+    inputRef: RefObject<any>;
+}
+export declare const useComposerSend: ({ compose, isSendMessageAllowed, sendDeniedReason, mentions, clearMentions, notifyStoppedTyping, inputRef, }: UseComposerSendProps) => () => Promise<void>;
+export {};
+//# sourceMappingURL=useComposerSend.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useComposerSend.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/hooks/useComposerSend.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC,UAAU,CAAC,CAAC;AAElE,UAAU,oBAAoB;IAC5B,OAAO,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;IAC3C,oBAAoB,EAAE,OAAO,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC;IACnB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;CAC1B;AAED,eAAO,MAAM,eAAe,GAAI,8GAQ7B,oBAAoB,wBAkEnB,CAAC"}

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

@@ -2,6 +2,7 @@ import type { ReactNode } from 'react';
 import type { MessageItem } from '@droppii/openim-rn-client-sdk';
 import type { MediaItem } from '../../../hooks/useMediaViewer';
 import type { GroupPosition } from '../../../utils/legendListMessage';
+import type { MessageSurface } from '../../../store/expandedMessage';
 interface LegendChatMessageProps {
     message: MessageItem;
     /** Stable per-row id (see getMessageRenderId) — bound into onPress/onLongPress locally so those callbacks stay referentially stable across unrelated list re-renders. */
@@ -38,7 +39,16 @@ interface LegendChatMessageProps {
     showSenderGutter?: boolean;
     /** Position within its same-sender cluster — drives the bubble tail. */
     groupPosition?: GroupPosition;
+    /**
+     * Which surface is rendering this message. Expansion state is scoped by it
+     * (BR-003), so Pin Management must pass `'pin'` explicitly — the default
+     * keeps the timeline and the toolbox overlay sharing one scope, which is
+     * what makes the overlay clone mirror the row it lifted from.
+     */
+    surface?: MessageSurface;
+    /** Toolbox overlay clone — see `BaseLegendMessageProps.isPreview`. */
+    isPreview?: boolean;
 }
-export declare const LegendChatMessage: import("react").MemoExoticComponent<({ message, messageId, isOutgoing, createdAtTime, onMediaPress, onPressUrl, onRetry, onPress, alwaysHandlePress, onLongPress, customMessageItemFactory, isHighlighted, isTimeRevealed, showName, showAvatar, showSenderGutter, groupPosition, }: LegendChatMessageProps) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode>> | import("react").JSX.Element>;
+export declare const LegendChatMessage: import("react").MemoExoticComponent<({ message, messageId, isOutgoing, createdAtTime, onMediaPress, onPressUrl, onRetry, onPress, alwaysHandlePress, onLongPress, customMessageItemFactory, isHighlighted, isTimeRevealed, showName, showAvatar, showSenderGutter, groupPosition, surface, isPreview, }: LegendChatMessageProps) => string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode>> | import("react").JSX.Element>;
 export {};
 //# sourceMappingURL=LegendChatMessage.d.ts.map

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":"AASA,OAAO,KAAK,EAAoC,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAGjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAe/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAStE,UAAU,sBAAsB;IAC9B,OAAO,EAAE,WAAW,CAAC;IACrB,yKAAyK;IACzK,SAAS,EAAE,MAAM,CAAC;IAClB,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,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;;;;;;;OAQG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChE,wBAAwB,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,SAAS,CAAC;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wEAAwE;IACxE,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAsCD,eAAO,MAAM,iBAAiB,uRAmBzB,sBAAsB,wRA8G1B,CAAC"}
+{"version":3,"file":"LegendChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/legend/LegendChatMessage.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAoC,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAGjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAe/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAUrE,UAAU,sBAAsB;IAC9B,OAAO,EAAE,WAAW,CAAC;IACrB,yKAAyK;IACzK,SAAS,EAAE,MAAM,CAAC;IAClB,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,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;;;;;;;OAQG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAChE,wBAAwB,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,SAAS,CAAC;IACzD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wEAAwE;IACxE,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAsCD,eAAO,MAAM,iBAAiB,2SAqBzB,sBAAsB,wRAuH1B,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":"AAmBA,OAAO,KAAK,EAEV,iBAAiB,EAElB,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG3D,OAAO,EAEL,KAAK,WAAW,EACjB,MAAM,+BAA+B,CAAC;AAcvC,UAAU,0BAA0B;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,SAAS,CAAC;IAC5D,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAIhD,MAAM,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,qBAAqB,0HAsNjC,CAAC"}
+{"version":3,"file":"MessageToolboxOverlay.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/MessageToolboxOverlay.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAEV,iBAAiB,EAElB,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG3D,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,+BAA+B,CAAC;AAqBvC,UAAU,0BAA0B;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wBAAwB,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,SAAS,CAAC;IAC5D,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAIhD,MAAM,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,qBAAqB,0HAiOjC,CAAC"}

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

@@ -3,9 +3,22 @@ type MessageToolboxWrapperProps = {
     isOutgoing?: boolean;
     rect: MeasuredRect;
     message?: React.ReactNode;
+    /**
+     * Lets touches reach the clone's own press targets — needed for `Xem thêm`
+     * (D1). Off by default: types like FileMessage and consumer custom nodes
+     * have self-contained handlers that must stay inert here.
+     */
+    isCloneInteractive?: boolean;
+    /**
+     * Tapping the bubble used to fall through to the backdrop and dismiss. The
+     * ScrollView below is hit-testable and swallows that, so the gesture is
+     * reinstated explicitly. A touch that a press target inside the clone
+     * claims (`Xem thêm`) never reaches it.
+     */
+    onDismiss?: () => void;
     reaction?: React.ReactNode;
     toolbox?: React.ReactNode;
 };
-export declare const MessageToolboxWrapper: import("react").MemoExoticComponent<({ isOutgoing, rect, message, reaction, toolbox, }: MessageToolboxWrapperProps) => import("react").JSX.Element>;
+export declare const MessageToolboxWrapper: import("react").MemoExoticComponent<({ isOutgoing, rect, message, isCloneInteractive, onDismiss, reaction, toolbox, }: MessageToolboxWrapperProps) => import("react").JSX.Element>;
 export {};
 //# sourceMappingURL=MessageToolboxWrapper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MessageToolboxWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/MessageToolboxWrapper.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAO5C,KAAK,0BAA0B,GAAG;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,0FAO7B,0BAA0B,iCAgF9B,CAAC"}
+{"version":3,"file":"MessageToolboxWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/MessageToolboxWrapper.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAY5C,KAAK,0BAA0B,GAAG;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,yHAS7B,0BAA0B,iCAuI9B,CAAC"}

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

@@ -0,0 +1,18 @@
+import type { ClonePreviewBudget } from '../../../components/messages/PreviewScrollableText';
+/**
+ * Wiring between the overlay's clone and the expanded text that scrolls
+ * inside it (see `PreviewScrollableText`).
+ *
+ * `dismissDisabled`: the clone sits in a tap-to-dismiss Pressable. On iOS a
+ * ScrollView refuses to scroll while an ANCESTOR holds the JS responder
+ * (`RCTScrollView _shouldDisableScrollInteraction`), so with the Pressable
+ * enabled a drag on the text never scrolls — it ends as a tap and closes the
+ * overlay. While the text is scrollable the Pressable stands down; the
+ * backdrop and the menu still dismiss.
+ */
+export declare const useClonePreview: (maxHeight: number) => {
+    budget: ClonePreviewBudget;
+    onContentSizeChange: (_width: number, height: number) => void;
+    dismissDisabled: boolean;
+};
+//# sourceMappingURL=useClonePreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useClonePreview.d.ts","sourceRoot":"","sources":["../../../../../../src/screens/chat-detail/messageToolbox/useClonePreview.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AAE7F;;;;;;;;;;GAUG;AACH,eAAO,MAAM,eAAe,GAAI,WAAW,MAAM;;kCAKpC,MAAM,UAAU,MAAM;;CAclC,CAAC"}

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

@@ -89,4 +89,12 @@ export interface ChatDetailProps extends Omit<ChatDetailHeaderProps, 'showAddMem
     groupJoinSource?: GroupJoinSource;
     renderConversationViewHeader?: () => ReactNode;
 }
+/**
+ * @internal Imperative handle to the composer's attachment/sticker panel,
+ * used by ChatDetail for tap-outside dismiss. Not part of the public API.
+ */
+export interface ComposerPanelController {
+    isOpen: () => boolean;
+    close: () => void;
+}
 //# sourceMappingURL=types.d.ts.map

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":"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"}

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

@@ -0,0 +1,15 @@
+import { expandedKey, type MessageSurface } from '../utils/expandableText';
+export type { MessageSurface };
+export { expandedKey };
+export interface ExpandedMessageStore {
+    /**
+     * Flat record rather than a Set so a row can subscribe with a cheap boolean
+     * selector — `useExpandedMessageStore(s => !!s.expanded[key])` — which stays
+     * referentially stable for every message the change didn't touch.
+     */
+    expanded: Record<string, true>;
+    expand: (surface: MessageSurface, messageId: string) => void;
+    clearSurface: (surface: MessageSurface) => void;
+}
+export declare const useExpandedMessageStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ExpandedMessageStore>>;
+//# sourceMappingURL=expandedMessage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"expandedMessage.d.ts","sourceRoot":"","sources":["../../../../src/store/expandedMessage.ts"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EAEX,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAC;AAEjC,YAAY,EAAE,cAAc,EAAE,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC/B,MAAM,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,YAAY,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,uBAAuB,mFAoBnC,CAAC"}

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/expandableText.d.ts

@@ -0,0 +1,18 @@
+export type MessageSurface = 'timeline' | 'pin';
+export declare const COLLAPSED_LINES = 5;
+export declare const expandedKey: (surface: MessageSurface, messageId: string) => string;
+/**
+ * Character count alone is not an approximation of rendered lines — it is
+ * wrong for the shapes this chat carries most (pasted addresses, order lists),
+ * where an eight-line message can be under 70 characters. Newlines cost one
+ * character and a whole line, so both signals are needed. Message text is
+ * sender-controlled, so a length-only gate is also trivially defeated.
+ */
+export declare const isMeasurementCandidate: (text: string) => boolean;
+/**
+ * Returns a copy without the entries belonging to `surface`, or the original
+ * reference when nothing matched — callers use that identity to skip a
+ * pointless store update.
+ */
+export declare const withoutSurface: (expanded: Record<string, true>, surface: MessageSurface) => Record<string, true>;
+//# sourceMappingURL=expandableText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"expandableText.d.ts","sourceRoot":"","sources":["../../../../src/utils/expandableText.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,KAAK,CAAC;AAEhD,eAAO,MAAM,eAAe,IAAI,CAAC;AAIjC,eAAO,MAAM,WAAW,GAAI,SAAS,cAAc,EAAE,WAAW,MAAM,WAC3C,CAAC;AAU5B;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,GAAI,MAAM,MAAM,YAEX,CAAC;AAEzC;;;;GAIG;AACH,eAAO,MAAM,cAAc,GACzB,UAAU,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,EAC9B,SAAS,cAAc,KACtB,MAAM,CAAC,MAAM,EAAE,IAAI,CAcrB,CAAC"}

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

@@ -0,0 +1,24 @@
+/**
+ * Cut-point arithmetic for the inline `... Xem thêm` preview. Everything here
+ * works on the lines RN reports from `onTextLayout`, whose `text` includes the
+ * line's trailing break — so joining them reproduces the rendered string and a
+ * running length is a valid character offset into it.
+ */
+export interface RenderedLine {
+    text: string;
+}
+export declare const joinLines: (lines: readonly RenderedLine[]) => string;
+/**
+ * Backs `cut` off trailing whitespace — a kept `\n` would push the suffix onto
+ * a line of its own — and off half an emoji, which would render as a tofu box.
+ */
+export declare const settleCut: (full: string, cut: number) => number;
+/** First guess: everything on the first `maxLines` lines. */
+export declare const initialCut: (lines: readonly RenderedLine[], maxLines: number) => number;
+/**
+ * The suffix did not fit and wrapped past `maxLines`. Drop at least as many
+ * characters as spilled over — the spill includes the suffix itself, so this
+ * converges in one or two passes — then prefer ending on a word.
+ */
+export declare const shrinkCut: (full: string, cut: number, fittedLines: readonly RenderedLine[], maxLines: number) => number;
+//# sourceMappingURL=inlineTruncation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inlineTruncation.d.ts","sourceRoot":"","sources":["../../../../src/utils/inlineTruncation.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;CACd;AAUD,eAAO,MAAM,SAAS,GAAI,OAAO,SAAS,YAAY,EAAE,WACf,CAAC;AAE1C;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,MAAM,MAAM,EAAE,KAAK,MAAM,WAKlD,CAAC;AAEF,6DAA6D;AAC7D,eAAO,MAAM,UAAU,GACrB,OAAO,SAAS,YAAY,EAAE,EAC9B,UAAU,MAAM,WAIjB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,GACpB,MAAM,MAAM,EACZ,KAAK,MAAM,EACX,aAAa,SAAS,YAAY,EAAE,EACpC,UAAU,MAAM,WAcjB,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/lib/typescript/src/utils/truncateTextChildren.d.ts

@@ -0,0 +1,3 @@
+import { type ReactNode } from 'react';
+export declare const truncateTextChildren: (node: ReactNode, limit: number) => ReactNode;
+//# sourceMappingURL=truncateTextChildren.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"truncateTextChildren.d.ts","sourceRoot":"","sources":["../../../../src/utils/truncateTextChildren.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA4CrE,eAAO,MAAM,oBAAoB,GAAI,MAAM,SAAS,EAAE,OAAO,MAAM,cAC7C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@droppii-org/chat-mobile",
-  "version": "0.2.106",
+  "version": "0.2.108",
   "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/ExpandableMessageText.tsx

@@ -0,0 +1,145 @@
+import type { ComponentProps, ReactNode } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { KColors, KContainer, KLabel } from '@droppii/libs';
+import { trans } from '../../translation';
+import {
+  COLLAPSED_LINES,
+  useExpandableText,
+} from '../../hooks/useExpandableText';
+import { truncateTextChildren } from '../../utils/truncateTextChildren';
+import { PreviewScrollableText } from './PreviewScrollableText';
+import type { MessageSurface } from '../../store/expandedMessage';
+
+type TypoType = ComponentProps<typeof KLabel.Text>['typo'];
+
+// Values from `@droppii/libs`' Typography.tsx (`generateTextStyle`'s third
+// argument), not looked up at runtime — the package does not cleanly
+// re-export a way to do that. All three call sites use `TextMdNormal` today;
+// add an entry here before passing any other `typo` to this component.
+const TYPO_LINE_HEIGHT: Record<string, number> = {
+  TextMdNormal: 25.6,
+};
+const DEFAULT_LINE_HEIGHT = 22.4;
+
+// Figma (Live Chat, node 15389-207764): `…và... Xem thêm` — the ellipsis in
+// the body colour, the control inline on the last visible line.
+const ELLIPSIS = '... ';
+
+interface ExpandableMessageTextProps {
+  messageId: string;
+  surface: MessageSurface;
+  /** Raw body text — drives the length/newline pre-check only. */
+  text: string;
+  /**
+   * The already-rendered body. Taken as children rather than re-derived from
+   * `text` because the three call sites build structurally different bodies
+   * (plain run, mention segments, linkified runs) and re-tokenising them here
+   * would duplicate three parsers.
+   */
+  children: ReactNode;
+  typo?: TypoType;
+  color?: string;
+}
+
+export const ExpandableMessageText = ({
+  messageId,
+  surface,
+  text,
+  children,
+  typo = 'TextMdNormal',
+  color,
+}: ExpandableMessageTextProps) => {
+  const { mode, cut, expand, onMeasureTextLayout, onFitTextLayout } =
+    useExpandableText(messageId, text, surface);
+
+  if (mode === 'plain') {
+    // Only the overlay provides a budget; everywhere else this is a no-op.
+    return (
+      <PreviewScrollableText>
+        <KLabel.Text typo={typo} color={color}>
+          {children}
+        </KLabel.Text>
+      </PreviewScrollableText>
+    );
+  }
+
+  const label = trans('chat:info_view_more') || 'Xem thêm';
+
+  if (mode === 'measuring') {
+    // One layout pass. The visible copy is clipped to N lines by height so the
+    // bubble does not flash at full length; the hidden copy is unconstrained,
+    // which is what makes its `onTextLayout` report every line on iOS too.
+    const lineHeight =
+      TYPO_LINE_HEIGHT[typo ?? 'TextMdNormal'] ?? DEFAULT_LINE_HEIGHT;
+    return (
+      <KContainer.View>
+        <View
+          style={[
+            styles.clampedBox,
+            { maxHeight: lineHeight * COLLAPSED_LINES },
+          ]}
+        >
+          <KLabel.Text typo={typo} color={color}>
+            {children}
+          </KLabel.Text>
+        </View>
+        <View
+          style={styles.measuringCopy}
+          pointerEvents="none"
+          accessibilityElementsHidden
+          importantForAccessibility="no-hide-descendants"
+        >
+          <KLabel.Text
+            typo={typo}
+            color={color}
+            onTextLayout={onMeasureTextLayout}
+          >
+            {children}
+          </KLabel.Text>
+        </View>
+      </KContainer.View>
+    );
+  }
+
+  // 'fitting' re-checks that the suffix still fits in N lines; 'collapsed'
+  // renders a cut that already passed that check.
+  return (
+    <KLabel.Text
+      typo={typo}
+      color={color}
+      onTextLayout={mode === 'fitting' ? onFitTextLayout : undefined}
+    >
+      {truncateTextChildren(children, cut)}
+      {ELLIPSIS}
+      <KLabel.Text
+        typo="TextMdMedium"
+        color={KColors.primary.normal}
+        onPress={expand}
+        accessibilityRole="button"
+        accessibilityLabel={label}
+      >
+        {label}
+      </KLabel.Text>
+    </KLabel.Text>
+  );
+};
+
+ExpandableMessageText.displayName = 'ExpandableMessageText';
+
+const styles = StyleSheet.create({
+  clampedBox: {
+    overflow: 'hidden',
+  },
+  // `left`+`right` take the container's width in the same layout pass, so the
+  // copy wraps exactly like the visible one without a round trip through
+  // `onLayout`. No `bottom`: pinning it (i.e. absoluteFill) would make this
+  // inherit the clamped parent's height, and iOS would lay out only the lines
+  // that fit — reporting a clamped message as short.
+  measuringCopy: {
+    opacity: 0,
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    top: 0,
+  },
+});

package/src/components/messages/PreviewScrollableText.tsx

@@ -0,0 +1,98 @@
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useState,
+  type ReactNode,
+} from 'react';
+import { ScrollView, View, type LayoutChangeEvent } from 'react-native';
+
+/**
+ * Set by the toolbox overlay around its clone. `maxHeight` is the space the
+ * clone may take; `contentHeight` is how tall the clone currently is.
+ * `onScrollableChange` reports whether the text is capped (and so scrolls),
+ * because the overlay's tap-to-dismiss would otherwise block that scroll.
+ */
+export interface ClonePreviewBudget {
+  maxHeight: number;
+  contentHeight: number;
+  onScrollableChange: (scrollable: boolean) => void;
+}
+
+export const ClonePreviewBudgetContext =
+  createContext<ClonePreviewBudget | null>(null);
+
+// Never squeeze the text below three lines to make room for a tall card.
+const MIN_TEXT_HEIGHT = 25.6 * 3;
+
+/**
+ * An expanded message can be taller than the overlay. Scrolling the whole
+ * clone clips the bubble along a straight edge — square corners — so inside
+ * the overlay the text region scrolls instead and the bubble keeps its shape.
+ *
+ * Budget: whatever the rest of the clone (padding, quote strip, link card,
+ * time row) does not use. `contentHeight` and this box's height arrive from
+ * native at different moments, and mixing a fresh one with a stale one makes
+ * the cap swing between two sizes indefinitely. So the rest is read only from
+ * a consistent pair — while uncapped, when the box equals the natural height —
+ * and frozen once a cap is applied, which breaks the feedback loop.
+ */
+export const PreviewScrollableText = ({
+  children,
+}: {
+  children: ReactNode;
+}) => {
+  const budget = useContext(ClonePreviewBudgetContext);
+  const [naturalHeight, setNaturalHeight] = useState(0);
+  const [boxHeight, setBoxHeight] = useState(0);
+  const [frozenRest, setFrozenRest] = useState<number | null>(null);
+
+  const onBoxLayout = useCallback((e: LayoutChangeEvent) => {
+    setBoxHeight(e.nativeEvent.layout.height);
+  }, []);
+  const onContentLayout = useCallback((e: LayoutChangeEvent) => {
+    setNaturalHeight(e.nativeEvent.layout.height);
+  }, []);
+
+  let rest = frozenRest;
+  const uncappedPairIsConsistent =
+    !!budget &&
+    naturalHeight > 0 &&
+    Math.abs(boxHeight - naturalHeight) <= 1 &&
+    budget.contentHeight >= naturalHeight;
+  if (budget && rest == null && uncappedPairIsConsistent) {
+    rest = budget.contentHeight - naturalHeight;
+  }
+
+  let maxHeight: number | undefined;
+  if (budget && rest != null) {
+    const allowed = budget.maxHeight - rest;
+    if (naturalHeight > allowed + 1) {
+      maxHeight = Math.max(allowed, MIN_TEXT_HEIGHT);
+      if (frozenRest == null) setFrozenRest(rest);
+    }
+  }
+
+  const scrollable = maxHeight != null;
+  const onScrollableChange = budget?.onScrollableChange;
+  useEffect(() => {
+    if (!onScrollableChange) return;
+    onScrollableChange(scrollable);
+    return () => onScrollableChange(false);
+  }, [onScrollableChange, scrollable]);
+
+  if (!budget) return <>{children}</>;
+
+  return (
+    <ScrollView
+      style={maxHeight != null ? { maxHeight } : undefined}
+      onLayout={onBoxLayout}
+      nestedScrollEnabled
+      bounces={false}
+      showsVerticalScrollIndicator={false}
+    >
+      <View onLayout={onContentLayout}>{children}</View>
+    </ScrollView>
+  );
+};

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]);