@droppii-org/chat-mobile 0.2.106 → 0.2.108

package/lib/module/screens/chat-detail/hooks/useChatComposerState.js

@@ -1,10 +1,14 @@
 "use strict";
 
-import { useState, useMemo, useRef } from 'react';
+import { useState, useMemo, useRef, useCallback, useEffect } from 'react';
+import { Platform } from 'react-native';
+const IS_IOS = Platform.OS === 'ios';
+const INPUT_LINE_HEIGHT = 22.4;
+const WRAPPED_HEIGHT_THRESHOLD = IS_IOS ? INPUT_LINE_HEIGHT + 4 : INPUT_LINE_HEIGHT + 12;
 
 // 'mention' is used only for mutual-exclusion (closing attachment/sticker
 // when the mention picker opens) — the mention picker itself renders as its
-// own absolutely-positioned sibling in ChatComposer, not through this
+// own absolutely-positioned sibling in ChatComposerInputArea, not through this
 // state's render slot, since it must float above the input while the
 // keyboard stays open (attachment/sticker intentionally take over the
 // keyboard area, which the mention picker must not do).
@@ -21,6 +25,15 @@ export const useChatComposerState = value => {
     }
     return value.includes('\n') || isInputWrapped;
   }, [isInputWrapped, value]);
+  const handleInputContentSizeChange = useCallback(event => {
+    const {
+      height
+    } = event.nativeEvent.contentSize;
+    setIsInputWrapped(height > WRAPPED_HEIGHT_THRESHOLD);
+  }, []);
+  useEffect(() => {
+    if (!value) setIsInputWrapped(false);
+  }, [value]);
   return {
     activePanelType,
     setActivePanelType,
@@ -31,6 +44,7 @@ export const useChatComposerState = value => {
     isInputWrapped,
     setIsInputWrapped,
     isMultilineInput,
+    handleInputContentSizeChange,
     inputRef
   };
 };

package/lib/module/screens/chat-detail/hooks/useChatComposerState.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","useMemo","useRef","useChatComposerState","value","activePanelType","setActivePanelType","isAttachmentOpen","setIsAttachmentOpen","isInputFocused","setIsInputFocused","isInputWrapped","setIsInputWrapped","inputRef","isMultilineInput","includes"],"sourceRoot":"../../../../../src","sources":["screens/chat-detail/hooks/useChatComposerState.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;;AAEjD;AACA;AACA;AACA;AACA;AACA;;AAgBA,OAAO,MAAMC,oBAAoB,GAC/BC,KAAa,IACkB;EAC/B,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGN,QAAQ,CAAkB,IAAI,CAAC;EAC7E,MAAM,CAACO,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGR,QAAQ,CAAC,KAAK,CAAC;EAC/D,MAAM,CAACS,cAAc,EAAEC,iBAAiB,CAAC,GAAGV,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAM,CAACW,cAAc,EAAEC,iBAAiB,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAMa,QAAQ,GAAGX,MAAM,CAAM,IAAI,CAAC;EAElC,MAAMY,gBAAgB,GAAGb,OAAO,CAAC,MAAM;IACrC,IAAI,CAACG,KAAK,EAAE;MACV,OAAO,KAAK;IACd;IAEA,OAAOA,KAAK,CAACW,QAAQ,CAAC,IAAI,CAAC,IAAIJ,cAAc;EAC/C,CAAC,EAAE,CAACA,cAAc,EAAEP,KAAK,CAAC,CAAC;EAE3B,OAAO;IACLC,eAAe;IACfC,kBAAkB;IAClBC,gBAAgB;IAChBC,mBAAmB;IACnBC,cAAc;IACdC,iBAAiB;IACjBC,cAAc;IACdC,iBAAiB;IACjBE,gBAAgB;IAChBD;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["useState","useMemo","useRef","useCallback","useEffect","Platform","IS_IOS","OS","INPUT_LINE_HEIGHT","WRAPPED_HEIGHT_THRESHOLD","useChatComposerState","value","activePanelType","setActivePanelType","isAttachmentOpen","setIsAttachmentOpen","isInputFocused","setIsInputFocused","isInputWrapped","setIsInputWrapped","inputRef","isMultilineInput","includes","handleInputContentSizeChange","event","height","nativeEvent","contentSize"],"sourceRoot":"../../../../../src","sources":["screens/chat-detail/hooks/useChatComposerState.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,OAAO,EAAEC,MAAM,EAAEC,WAAW,EAAEC,SAAS,QAAQ,OAAO;AACzE,SAASC,QAAQ,QAAQ,cAAc;AAEvC,MAAMC,MAAM,GAAGD,QAAQ,CAACE,EAAE,KAAK,KAAK;AACpC,MAAMC,iBAAiB,GAAG,IAAI;AAC9B,MAAMC,wBAAwB,GAAGH,MAAM,GACnCE,iBAAiB,GAAG,CAAC,GACrBA,iBAAiB,GAAG,EAAE;;AAE1B;AACA;AACA;AACA;AACA;AACA;;AAmBA,OAAO,MAAME,oBAAoB,GAC/BC,KAAa,IACkB;EAC/B,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGb,QAAQ,CAAkB,IAAI,CAAC;EAC7E,MAAM,CAACc,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGf,QAAQ,CAAC,KAAK,CAAC;EAC/D,MAAM,CAACgB,cAAc,EAAEC,iBAAiB,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAM,CAACkB,cAAc,EAAEC,iBAAiB,CAAC,GAAGnB,QAAQ,CAAC,KAAK,CAAC;EAC3D,MAAMoB,QAAQ,GAAGlB,MAAM,CAAM,IAAI,CAAC;EAElC,MAAMmB,gBAAgB,GAAGpB,OAAO,CAAC,MAAM;IACrC,IAAI,CAACU,KAAK,EAAE;MACV,OAAO,KAAK;IACd;IAEA,OAAOA,KAAK,CAACW,QAAQ,CAAC,IAAI,CAAC,IAAIJ,cAAc;EAC/C,CAAC,EAAE,CAACA,cAAc,EAAEP,KAAK,CAAC,CAAC;EAE3B,MAAMY,4BAA4B,GAAGpB,WAAW,CAC7CqB,KAA2D,IAAK;IAC/D,MAAM;MAAEC;IAAO,CAAC,GAAGD,KAAK,CAACE,WAAW,CAACC,WAAW;IAChDR,iBAAiB,CAACM,MAAM,GAAGhB,wBAAwB,CAAC;EACtD,CAAC,EACD,EACF,CAAC;EAEDL,SAAS,CAAC,MAAM;IACd,IAAI,CAACO,KAAK,EAAEQ,iBAAiB,CAAC,KAAK,CAAC;EACtC,CAAC,EAAE,CAACR,KAAK,CAAC,CAAC;EAEX,OAAO;IACLC,eAAe;IACfC,kBAAkB;IAClBC,gBAAgB;IAChBC,mBAAmB;IACnBC,cAAc;IACdC,iBAAiB;IACjBC,cAAc;IACdC,iBAAiB;IACjBE,gBAAgB;IAChBE,4BAA4B;IAC5BH;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/screens/chat-detail/hooks/useComposerBotMenu.js

@@ -0,0 +1,122 @@
+"use strict";
+
+import { useCallback, useMemo } from 'react';
+import { KContainer, KColors, KLabel } from '@droppii/libs';
+import { trans } from "../../../translation/index.js";
+import { UIUtils } from "../../../utils/UIUtils.js";
+import { useCloseSupportSession, useResetFlow, useRunFlow } from "../../../hooks/flows/useFlow.js";
+import { DEFAULT_BUTTON_ID, isContextButton } from "../../../utils/flows.js";
+import { DFlowState } from "../../../types/chat.js";
+import { useChatDetailContext } from "../../../context/ChatDetailContext.js";
+import { openBotMenuSheet } from "../BotMenuSheet.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const useComposerBotMenu = () => {
+  const {
+    isBotConversation,
+    conversationFlow,
+    conversationFlowMainMenu,
+    flowState
+  } = useChatDetailContext();
+  const {
+    mutate: runFlow,
+    isPending
+  } = useRunFlow();
+  const {
+    mutate: resetFlow
+  } = useResetFlow();
+  const {
+    mutateAsync: closeSupportSession
+  } = useCloseSupportSession();
+  const onStartConversationFlow = useCallback(() => {
+    runFlow({
+      groupId: conversationFlow?.flowCurrentStep?.id || '',
+      actionId: null,
+      childId: null,
+      plainText: trans('start')
+    });
+  }, [runFlow, conversationFlow]);
+  const botMenuOptions = useMemo(() => {
+    const apiOptions = conversationFlowMainMenu?.filter(item => !isContextButton(item.label)) || [];
+    const hasDefaultButton = apiOptions.some(item => item.id === DEFAULT_BUTTON_ID);
+    if (hasDefaultButton) return apiOptions;
+    return [...apiOptions, {
+      id: DEFAULT_BUTTON_ID,
+      label: trans('restart')
+    }];
+  }, [conversationFlowMainMenu]);
+  const hasBotMenuOptions = isBotConversation && botMenuOptions.length > 0;
+  const runBotMenuOption = useCallback(item => {
+    if (item.id === DEFAULT_BUTTON_ID) {
+      resetFlow();
+      return;
+    }
+    runFlow({
+      actionId: item.id,
+      groupId: '',
+      childId: '',
+      plainText: item.label
+    });
+  }, [runFlow, resetFlow]);
+  const handleSelectBotMenuOption = useCallback(item => {
+    if (flowState === DFlowState.CS) {
+      UIUtils.popup.open({
+        header: {
+          title: {
+            text: trans('chat:end_support_session_title')
+          },
+          alignment: 'center'
+        },
+        body: {
+          renderContent: () => /*#__PURE__*/_jsx(KContainer.View, {
+            padding: '1rem',
+            children: /*#__PURE__*/_jsx(KLabel.RichText, {
+              typo: "TextMdNormal",
+              textAlign: "center",
+              color: KColors.gray.dark,
+              richTextOptions: {
+                i18nKey: trans('chat:end_support_session_desc'),
+                components: {
+                  bold: /*#__PURE__*/_jsx(KLabel.Text, {
+                    typo: "TextMdBold",
+                    color: KColors.gray.dark
+                  })
+                }
+              }
+            })
+          })
+        },
+        actions: {
+          buttons: [{
+            label: trans('chat:end_support_session_secondary'),
+            kind: 'light',
+            onPress: () => {}
+          }, {
+            label: trans('chat:end_support_session_primary'),
+            kind: 'danger',
+            onPress: async () => {
+              await closeSupportSession();
+              runBotMenuOption(item);
+            }
+          }],
+          type: 'horizontal-button'
+        }
+      });
+      return;
+    }
+    runBotMenuOption(item);
+  }, [flowState, runBotMenuOption, closeSupportSession]);
+  const handleOpenBotMenu = useCallback(() => {
+    if (!hasBotMenuOptions) return;
+    openBotMenuSheet({
+      options: botMenuOptions,
+      onSelect: handleSelectBotMenuOption
+    });
+  }, [hasBotMenuOptions, botMenuOptions, handleSelectBotMenuOption]);
+  return {
+    hasBotMenuOptions,
+    handleOpenBotMenu,
+    onStartConversationFlow,
+    isRunFlowPending: isPending
+  };
+};
+//# sourceMappingURL=useComposerBotMenu.js.map

package/lib/module/screens/chat-detail/hooks/useComposerBotMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","KContainer","KColors","KLabel","trans","UIUtils","useCloseSupportSession","useResetFlow","useRunFlow","DEFAULT_BUTTON_ID","isContextButton","DFlowState","useChatDetailContext","openBotMenuSheet","jsx","_jsx","useComposerBotMenu","isBotConversation","conversationFlow","conversationFlowMainMenu","flowState","mutate","runFlow","isPending","resetFlow","mutateAsync","closeSupportSession","onStartConversationFlow","groupId","flowCurrentStep","id","actionId","childId","plainText","botMenuOptions","apiOptions","filter","item","label","hasDefaultButton","some","hasBotMenuOptions","length","runBotMenuOption","handleSelectBotMenuOption","CS","popup","open","header","title","text","alignment","body","renderContent","View","padding","children","RichText","typo","textAlign","color","gray","dark","richTextOptions","i18nKey","components","bold","Text","actions","buttons","kind","onPress","type","handleOpenBotMenu","options","onSelect","isRunFlowPending"],"sourceRoot":"../../../../../src","sources":["screens/chat-detail/hooks/useComposerBotMenu.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/chat-detail/hooks/useComposerPanelActions.js

@@ -0,0 +1,46 @@
+"use strict";
+
+import { useMemo, useRef } from 'react';
+import { debounce } from 'lodash';
+import { DEFAULT_PANNEL_ACTIONS } from "../constants.js";
+import { DChatPannelActionItemType } from "../types.js";
+// Resolves the attachment panel's actions, wiring Gallery/Documents to
+// debounced pickers unless the consumer supplied its own onPress.
+export const useComposerPanelActions = ({
+  pannelActions,
+  addImages,
+  addFiles
+}) => {
+  const addImagesRef = useRef(addImages);
+  addImagesRef.current = addImages;
+  const debouncedImagePickerRef = useRef(debounce(() => addImagesRef.current?.(), 300, {
+    leading: true,
+    trailing: false
+  }));
+  const addFilesRef = useRef(addFiles);
+  addFilesRef.current = addFiles;
+  const debouncedFilePickerRef = useRef(debounce(() => addFilesRef.current?.(), 300, {
+    leading: true,
+    trailing: false
+  }));
+  return useMemo(() => {
+    return (pannelActions || DEFAULT_PANNEL_ACTIONS)?.map(p => {
+      let onPress;
+      switch (p.id) {
+        case DChatPannelActionItemType.Gallery:
+          onPress = debouncedImagePickerRef.current;
+          break;
+        case DChatPannelActionItemType.Documents:
+          onPress = debouncedFilePickerRef.current;
+          break;
+        default:
+          break;
+      }
+      return {
+        ...p,
+        onPress: p.onPress || onPress
+      };
+    });
+  }, [pannelActions]);
+};
+//# sourceMappingURL=useComposerPanelActions.js.map

package/lib/module/screens/chat-detail/hooks/useComposerPanelActions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","useRef","debounce","DEFAULT_PANNEL_ACTIONS","DChatPannelActionItemType","useComposerPanelActions","pannelActions","addImages","addFiles","addImagesRef","current","debouncedImagePickerRef","leading","trailing","addFilesRef","debouncedFilePickerRef","map","p","onPress","id","Gallery","Documents"],"sourceRoot":"../../../../../src","sources":["screens/chat-detail/hooks/useComposerPanelActions.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACvC,SAASC,QAAQ,QAAQ,QAAQ;AAEjC,SAASC,sBAAsB,QAAQ,iBAAc;AACrD,SAASC,yBAAyB,QAAgC,aAAU;AAQ5E;AACA;AACA,OAAO,MAAMC,uBAAuB,GAAGA,CAAC;EACtCC,aAAa;EACbC,SAAS;EACTC;AAC4B,CAAC,KAAK;EAClC,MAAMC,YAAY,GAAGR,MAAM,CAACM,SAAS,CAAC;EACtCE,YAAY,CAACC,OAAO,GAAGH,SAAS;EAChC,MAAMI,uBAAuB,GAAGV,MAAM,CACpCC,QAAQ,CAAC,MAAMO,YAAY,CAACC,OAAO,GAAG,CAAC,EAAE,GAAG,EAAE;IAC5CE,OAAO,EAAE,IAAI;IACbC,QAAQ,EAAE;EACZ,CAAC,CACH,CAAC;EAED,MAAMC,WAAW,GAAGb,MAAM,CAACO,QAAQ,CAAC;EACpCM,WAAW,CAACJ,OAAO,GAAGF,QAAQ;EAC9B,MAAMO,sBAAsB,GAAGd,MAAM,CACnCC,QAAQ,CAAC,MAAMY,WAAW,CAACJ,OAAO,GAAG,CAAC,EAAE,GAAG,EAAE;IAC3CE,OAAO,EAAE,IAAI;IACbC,QAAQ,EAAE;EACZ,CAAC,CACH,CAAC;EAED,OAAOb,OAAO,CAAC,MAAM;IACnB,OAAO,CAACM,aAAa,IAAIH,sBAAsB,GAAGa,GAAG,CAAEC,CAAC,IAAK;MAC3D,IAAIC,OAAO;MACX,QAAQD,CAAC,CAACE,EAAE;QACV,KAAKf,yBAAyB,CAACgB,OAAO;UACpCF,OAAO,GAAGP,uBAAuB,CAACD,OAAO;UACzC;QACF,KAAKN,yBAAyB,CAACiB,SAAS;UACtCH,OAAO,GAAGH,sBAAsB,CAACL,OAAO;UACxC;QACF;UACE;MACJ;MACA,OAAO;QACL,GAAGO,CAAC;QACJC,OAAO,EAAED,CAAC,CAACC,OAAO,IAAIA;MACxB,CAAC;IACH,CAAC,CAAC;EACJ,CAAC,EAAE,CAACZ,aAAa,CAAC,CAAC;AACrB,CAAC","ignoreList":[]}

package/lib/module/screens/chat-detail/hooks/useComposerPanelDismiss.js

@@ -0,0 +1,75 @@
+"use strict";
+
+import { useCallback, useMemo, useRef, useState } from 'react';
+import { IDLE_DISMISS_TOUCH, isPressSwallowed, markDismissTouchDragged, moveDismissTouch, shouldDismissOnRelease, startDismissTouch } from "../../../utils/composerPanelDismissGesture.js";
+// Tap-outside dismiss for the composer's attachment/sticker panel
+// (DROPPII-30577).
+//
+// While a panel is open the timeline's content is made non-hittable
+// (`isComposerPanelOpen` → `pointerEvents: 'none'` on the list content), so a
+// tap can never reach a bubble — JS touchables and RNGH gestures alike — yet
+// the scroll view itself still receives the touch and scrolls. Tap vs drag is
+// read from plain touch events on a View wrapping the list; they observe the
+// touch without claiming the JS responder, which on iOS would disable the
+// scroll view's pan (RCTScrollView disables it while an ancestor holds the
+// responder).
+//
+// `pointerEvents` only lands after a React round-trip (open → effect →
+// setState → list re-render), so a tap right after opening a heavy panel can
+// still reach a bubble. `shouldSwallowPress` closes that gap synchronously: it
+// is true for every press belonging to a touch that began with the panel
+// open — while it is down and for SWALLOW_AFTER_RELEASE_MS after it lifts,
+// since RNGH gesture callbacks arrive after touchEnd.
+export const useComposerPanelDismiss = () => {
+  const panelControllerRef = useRef(null);
+  const touchRef = useRef(IDLE_DISMISS_TOUCH);
+  const swallowPressRef = useRef(false);
+  // null while the tracked touch is down.
+  const releasedAtRef = useRef(null);
+  const [isComposerPanelOpen, setIsComposerPanelOpen] = useState(false);
+  const dismissAreaTouchProps = useMemo(() => ({
+    onTouchStart: event => {
+      const panelOpen = !!panelControllerRef.current?.isOpen();
+      // A second finger must not restart the tracked touch, but a press it
+      // makes while the panel is open is still swallowed.
+      if (event.nativeEvent.touches.length > 1) {
+        if (panelOpen) swallowPressRef.current = true;
+        return;
+      }
+      touchRef.current = startDismissTouch(panelOpen, event.nativeEvent.pageX, event.nativeEvent.pageY);
+      swallowPressRef.current = panelOpen;
+      releasedAtRef.current = null;
+    },
+    onTouchMove: event => {
+      touchRef.current = moveDismissTouch(touchRef.current, event.nativeEvent.pageX, event.nativeEvent.pageY);
+    },
+    onTouchEnd: event => {
+      if (event.nativeEvent.touches.length > 0) return;
+      if (shouldDismissOnRelease(touchRef.current)) {
+        panelControllerRef.current?.close();
+      }
+      touchRef.current = IDLE_DISMISS_TOUCH;
+      releasedAtRef.current = Date.now();
+    },
+    // The scroll view took the touch over (pan began) — not a tap.
+    onTouchCancel: () => {
+      touchRef.current = IDLE_DISMISS_TOUCH;
+      releasedAtRef.current = Date.now();
+    }
+  }), []);
+
+  // The list's onScrollBeginDrag — a drag signal on both platforms.
+  const notifyScrollBeginDrag = useCallback(() => {
+    touchRef.current = markDismissTouchDragged(touchRef.current);
+  }, []);
+  const shouldSwallowPress = useCallback(() => isPressSwallowed(swallowPressRef.current, releasedAtRef.current, Date.now()), []);
+  return {
+    panelControllerRef,
+    isComposerPanelOpen,
+    onComposerPanelOpenChange: setIsComposerPanelOpen,
+    dismissAreaTouchProps,
+    notifyScrollBeginDrag,
+    shouldSwallowPress
+  };
+};
+//# sourceMappingURL=useComposerPanelDismiss.js.map

package/lib/module/screens/chat-detail/hooks/useComposerPanelDismiss.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","useRef","useState","IDLE_DISMISS_TOUCH","isPressSwallowed","markDismissTouchDragged","moveDismissTouch","shouldDismissOnRelease","startDismissTouch","useComposerPanelDismiss","panelControllerRef","touchRef","swallowPressRef","releasedAtRef","isComposerPanelOpen","setIsComposerPanelOpen","dismissAreaTouchProps","onTouchStart","event","panelOpen","current","isOpen","nativeEvent","touches","length","pageX","pageY","onTouchMove","onTouchEnd","close","Date","now","onTouchCancel","notifyScrollBeginDrag","shouldSwallowPress","onComposerPanelOpenChange"],"sourceRoot":"../../../../../src","sources":["screens/chat-detail/hooks/useComposerPanelDismiss.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/screens/chat-detail/hooks/useComposerPanels.js

@@ -0,0 +1,136 @@
+"use strict";
+
+import { useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
+import { Keyboard } from 'react-native';
+import { useChatComposerAnimation } from "./useChatComposerAnimation.js";
+import { getAttachmentPanelHeight, DEFAULT_PANNEL_ACTIONS } from "../constants.js";
+import { STICKER_PICKER_HEIGHT } from "../../../components/StickerPicker/constants.js";
+
+// 'immediate' — no animation (sticker yielding to the keyboard);
+// 'fast' — half-duration (attachment yielding to the keyboard);
+// 'animated' — full duration, same as closing via the toggle icon.
+
+export const useComposerPanels = ({
+  activePanelType,
+  setActivePanelType,
+  isAttachmentOpen,
+  setIsAttachmentOpen,
+  isMentionPanelOpen,
+  closeMentionPanel,
+  isKeyboardVisible,
+  isSlotVisible,
+  panelControllerRef,
+  onPanelOpenChange
+}) => {
+  const attachmentPanelHeight = useMemo(() => getAttachmentPanelHeight(DEFAULT_PANNEL_ACTIONS.length), []);
+  const panelHeight = activePanelType === 'sticker' ? STICKER_PICKER_HEIGHT : attachmentPanelHeight;
+
+  // Mirrors isAttachmentOpen synchronously (written before React commits),
+  // so imperative readers — the timeline's tap-outside dismiss — never see
+  // a stale value between an open/close and the next render.
+  const isAttachmentOpenRef = useRef(false);
+  const handleAttachmentOpenChange = useCallback(open => {
+    isAttachmentOpenRef.current = open;
+    setIsAttachmentOpen(open);
+  }, [setIsAttachmentOpen]);
+  const {
+    accessorySlotStyle,
+    openWithHeight,
+    closeAttachment
+  } = useChatComposerAnimation({
+    panelHeight,
+    onAttachmentOpenChange: handleAttachmentOpenChange
+  });
+  const closeActivePanel = useCallback(mode => {
+    closeAttachment(mode === 'fast', mode === 'immediate');
+    setActivePanelType(null);
+  }, [closeAttachment, setActivePanelType]);
+
+  // Close mode when yielding to the keyboard or the mention picker: the
+  // sticker panel closes immediately to avoid a layout conflict between the
+  // panel closing and the keyboard appearing; the attachment panel is small
+  // enough that animation is fine (speedUp=true).
+  const yieldingCloseMode = activePanelType === 'sticker' ? 'immediate' : 'fast';
+
+  // Mutual exclusion (finding #5 in the mention plan): the mention picker
+  // never renders through the attachment/sticker panel slot, but opening
+  // one must still close the other — starting a mention query while the
+  // attachment/sticker panel is open closes that panel.
+  useEffect(() => {
+    if (isMentionPanelOpen && isAttachmentOpen) {
+      closeActivePanel(yieldingCloseMode);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isMentionPanelOpen]);
+
+  // A panel left open when the slot disappears (composer disabled, bot
+  // restarted, removed from group) would otherwise stay "open" invisibly.
+  const isSlotVisibleRef = useRef(isSlotVisible);
+  isSlotVisibleRef.current = isSlotVisible;
+  useEffect(() => {
+    if (!isSlotVisible && isAttachmentOpenRef.current) {
+      closeActivePanel('immediate');
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isSlotVisible]);
+  const isPanelEffectivelyOpen = isAttachmentOpen && isSlotVisible;
+  useEffect(() => {
+    onPanelOpenChange?.(isPanelEffectivelyOpen);
+  }, [isPanelEffectivelyOpen, onPanelOpenChange]);
+  useImperativeHandle(panelControllerRef, () => ({
+    isOpen: () => isAttachmentOpenRef.current && isSlotVisibleRef.current,
+    close: () => {
+      if (isAttachmentOpenRef.current) closeActivePanel('animated');
+    }
+  }), [closeActivePanel]);
+  const handleToggleAttachment = useCallback(() => {
+    closeMentionPanel();
+    if (activePanelType === 'sticker') {
+      // switch from sticker to attachment
+      setActivePanelType('attachment');
+      openWithHeight(attachmentPanelHeight);
+      return;
+    }
+    // Open/close decided on the same source of truth as the icon: a
+    // toggle keyed on the animated height could close a panel that is
+    // still collapsing from a tap-outside dismiss while the icon shows it
+    // opening.
+    if (isAttachmentOpenRef.current) {
+      closeActivePanel('animated');
+      return;
+    }
+    if (isKeyboardVisible) {
+      Keyboard.dismiss();
+    }
+    setActivePanelType('attachment');
+    openWithHeight(attachmentPanelHeight);
+    // Deliberately depend on `closeMentionPanel` (stable — [] deps in
+    // useMentionComposer), NOT the whole `mentionComposer` object, which is
+    // a fresh literal every render (useMentionComposer doesn't memoize its
+    // return value). Depending on the whole object recreated this callback
+    // — and therefore every prop built from it, e.g. ChatMessageInput's
+    // onEmojiPress — on every single render, which contributed to a real
+    // "Maximum update depth exceeded" loop found in testing.
+  }, [activePanelType, attachmentPanelHeight, isKeyboardVisible, openWithHeight, closeActivePanel, setActivePanelType, closeMentionPanel]);
+  const handleToggleSticker = useCallback(() => {
+    closeMentionPanel();
+    if (activePanelType === 'sticker') {
+      closeActivePanel('animated');
+      return;
+    }
+    if (isKeyboardVisible) {
+      Keyboard.dismiss();
+    }
+    setActivePanelType('sticker');
+    openWithHeight(STICKER_PICKER_HEIGHT);
+    // Same reasoning as handleToggleAttachment above — see that comment.
+  }, [activePanelType, isKeyboardVisible, closeMentionPanel, closeActivePanel, openWithHeight, setActivePanelType]);
+  return {
+    accessorySlotStyle,
+    closeActivePanel,
+    yieldingCloseMode,
+    handleToggleAttachment,
+    handleToggleSticker
+  };
+};
+//# sourceMappingURL=useComposerPanels.js.map

package/lib/module/screens/chat-detail/hooks/useComposerPanels.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useImperativeHandle","useMemo","useRef","Keyboard","useChatComposerAnimation","getAttachmentPanelHeight","DEFAULT_PANNEL_ACTIONS","STICKER_PICKER_HEIGHT","useComposerPanels","activePanelType","setActivePanelType","isAttachmentOpen","setIsAttachmentOpen","isMentionPanelOpen","closeMentionPanel","isKeyboardVisible","isSlotVisible","panelControllerRef","onPanelOpenChange","attachmentPanelHeight","length","panelHeight","isAttachmentOpenRef","handleAttachmentOpenChange","open","current","accessorySlotStyle","openWithHeight","closeAttachment","onAttachmentOpenChange","closeActivePanel","mode","yieldingCloseMode","isSlotVisibleRef","isPanelEffectivelyOpen","isOpen","close","handleToggleAttachment","dismiss","handleToggleSticker"],"sourceRoot":"../../../../../src","sources":["screens/chat-detail/hooks/useComposerPanels.ts"],"mappings":";;AAAA,SACEA,WAAW,EACXC,SAAS,EACTC,mBAAmB,EACnBC,OAAO,EACPC,MAAM,QAED,OAAO;AACd,SAASC,QAAQ,QAAQ,cAAc;AAEvC,SAASC,wBAAwB,QAAQ,+BAA4B;AAGrE,SAASC,wBAAwB,EAAEC,sBAAsB,QAAQ,iBAAc;AAC/E,SAASC,qBAAqB,QAAQ,gDAA6C;;AAEnF;AACA;AACA;;AAmBA,OAAO,MAAMC,iBAAiB,GAAGA,CAAC;EAChCC,eAAe;EACfC,kBAAkB;EAClBC,gBAAgB;EAChBC,mBAAmB;EACnBC,kBAAkB;EAClBC,iBAAiB;EACjBC,iBAAiB;EACjBC,aAAa;EACbC,kBAAkB;EAClBC;AACsB,CAAC,KAAK;EAC5B,MAAMC,qBAAqB,GAAGlB,OAAO,CACnC,MAAMI,wBAAwB,CAACC,sBAAsB,CAACc,MAAM,CAAC,EAC7D,EACF,CAAC;EAED,MAAMC,WAAW,GACfZ,eAAe,KAAK,SAAS,GACzBF,qBAAqB,GACrBY,qBAAqB;;EAE3B;EACA;EACA;EACA,MAAMG,mBAAmB,GAAGpB,MAAM,CAAC,KAAK,CAAC;EACzC,MAAMqB,0BAA0B,GAAGzB,WAAW,CAC3C0B,IAAa,IAAK;IACjBF,mBAAmB,CAACG,OAAO,GAAGD,IAAI;IAClCZ,mBAAmB,CAACY,IAAI,CAAC;EAC3B,CAAC,EACD,CAACZ,mBAAmB,CACtB,CAAC;EAED,MAAM;IAAEc,kBAAkB;IAAEC,cAAc;IAAEC;EAAgB,CAAC,GAC3DxB,wBAAwB,CAAC;IACvBiB,WAAW;IACXQ,sBAAsB,EAAEN;EAC1B,CAAC,CAAC;EAEJ,MAAMO,gBAAgB,GAAGhC,WAAW,CACjCiC,IAAoB,IAAK;IACxBH,eAAe,CAACG,IAAI,KAAK,MAAM,EAAEA,IAAI,KAAK,WAAW,CAAC;IACtDrB,kBAAkB,CAAC,IAAI,CAAC;EAC1B,CAAC,EACD,CAACkB,eAAe,EAAElB,kBAAkB,CACtC,CAAC;;EAED;EACA;EACA;EACA;EACA,MAAMsB,iBAAiC,GACrCvB,eAAe,KAAK,SAAS,GAAG,WAAW,GAAG,MAAM;;EAEtD;EACA;EACA;EACA;EACAV,SAAS,CAAC,MAAM;IACd,IAAIc,kBAAkB,IAAIF,gBAAgB,EAAE;MAC1CmB,gBAAgB,CAACE,iBAAiB,CAAC;IACrC;IACA;EACF,CAAC,EAAE,CAACnB,kBAAkB,CAAC,CAAC;;EAExB;EACA;EACA,MAAMoB,gBAAgB,GAAG/B,MAAM,CAACc,aAAa,CAAC;EAC9CiB,gBAAgB,CAACR,OAAO,GAAGT,aAAa;EACxCjB,SAAS,CAAC,MAAM;IACd,IAAI,CAACiB,aAAa,IAAIM,mBAAmB,CAACG,OAAO,EAAE;MACjDK,gBAAgB,CAAC,WAAW,CAAC;IAC/B;IACA;EACF,CAAC,EAAE,CAACd,aAAa,CAAC,CAAC;EAEnB,MAAMkB,sBAAsB,GAAGvB,gBAAgB,IAAIK,aAAa;EAChEjB,SAAS,CAAC,MAAM;IACdmB,iBAAiB,GAAGgB,sBAAsB,CAAC;EAC7C,CAAC,EAAE,CAACA,sBAAsB,EAAEhB,iBAAiB,CAAC,CAAC;EAE/ClB,mBAAmB,CACjBiB,kBAAkB,EAClB,OAAO;IACLkB,MAAM,EAAEA,CAAA,KAAMb,mBAAmB,CAACG,OAAO,IAAIQ,gBAAgB,CAACR,OAAO;IACrEW,KAAK,EAAEA,CAAA,KAAM;MACX,IAAId,mBAAmB,CAACG,OAAO,EAAEK,gBAAgB,CAAC,UAAU,CAAC;IAC/D;EACF,CAAC,CAAC,EACF,CAACA,gBAAgB,CACnB,CAAC;EAED,MAAMO,sBAAsB,GAAGvC,WAAW,CAAC,MAAM;IAC/CgB,iBAAiB,CAAC,CAAC;IACnB,IAAIL,eAAe,KAAK,SAAS,EAAE;MACjC;MACAC,kBAAkB,CAAC,YAAY,CAAC;MAChCiB,cAAc,CAACR,qBAAqB,CAAC;MACrC;IACF;IACA;IACA;IACA;IACA;IACA,IAAIG,mBAAmB,CAACG,OAAO,EAAE;MAC/BK,gBAAgB,CAAC,UAAU,CAAC;MAC5B;IACF;IACA,IAAIf,iBAAiB,EAAE;MACrBZ,QAAQ,CAACmC,OAAO,CAAC,CAAC;IACpB;IACA5B,kBAAkB,CAAC,YAAY,CAAC;IAChCiB,cAAc,CAACR,qBAAqB,CAAC;IACrC;IACA;IACA;IACA;IACA;IACA;IACA;EACF,CAAC,EAAE,CACDV,eAAe,EACfU,qBAAqB,EACrBJ,iBAAiB,EACjBY,cAAc,EACdG,gBAAgB,EAChBpB,kBAAkB,EAClBI,iBAAiB,CAClB,CAAC;EAEF,MAAMyB,mBAAmB,GAAGzC,WAAW,CAAC,MAAM;IAC5CgB,iBAAiB,CAAC,CAAC;IACnB,IAAIL,eAAe,KAAK,SAAS,EAAE;MACjCqB,gBAAgB,CAAC,UAAU,CAAC;MAC5B;IACF;IACA,IAAIf,iBAAiB,EAAE;MACrBZ,QAAQ,CAACmC,OAAO,CAAC,CAAC;IACpB;IACA5B,kBAAkB,CAAC,SAAS,CAAC;IAC7BiB,cAAc,CAACpB,qBAAqB,CAAC;IACrC;EACF,CAAC,EAAE,CACDE,eAAe,EACfM,iBAAiB,EACjBD,iBAAiB,EACjBgB,gBAAgB,EAChBH,cAAc,EACdjB,kBAAkB,CACnB,CAAC;EAEF,OAAO;IACLgB,kBAAkB;IAClBI,gBAAgB;IAChBE,iBAAiB;IACjBK,sBAAsB;IACtBE;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/screens/chat-detail/hooks/useComposerSend.js

@@ -0,0 +1,74 @@
+"use strict";
+
+import { useCallback } from 'react';
+import { trans } from "../../../translation/index.js";
+import { UIUtils } from "../../../utils/UIUtils.js";
+import { serializeMentionsForSend, MAX_AT_USER_COUNT } from "../../../utils/mentionSerializer.js";
+export const useComposerSend = ({
+  compose,
+  isSendMessageAllowed,
+  sendDeniedReason,
+  mentions,
+  clearMentions,
+  notifyStoppedTyping,
+  inputRef
+}) => useCallback(async () => {
+  if (!isSendMessageAllowed) {
+    UIUtils.toast.open({
+      title: sendDeniedReason,
+      theme: 'info'
+    });
+    return;
+  }
+  if (compose.isUploading || !compose.canSend) return;
+  const mentionsToSend = mentions;
+
+  // OpenIM's Go core hard-rejects an AtTextMessage tagging more than
+  // MAX_AT_USER_COUNT users, so serializeMentionsForSend caps
+  // atUserIDList to the first MAX_AT_USER_COUNT (mentionSerializer.ts's
+  // doc comment) — the message still sends, with every mention still
+  // highlighted in the text, just only the first MAX_AT_USER_COUNT
+  // actually get natively tagged/notified. This is a heads-up, not a
+  // block, so no `return` here.
+  if (mentionsToSend.length > 0) {
+    const {
+      truncated
+    } = serializeMentionsForSend(mentionsToSend);
+    if (truncated) {
+      UIUtils.toast.open({
+        title: trans('group:tag_limit_exceeded', {
+          max: String(MAX_AT_USER_COUNT)
+        }),
+        theme: 'info'
+      });
+    }
+  }
+
+  // Clear mention state synchronously, in the same tick as
+  // compose.send() (which clears `text`) — otherwise there's a real
+  // transient render where `value` is already '' but `mentions` still
+  // holds the just-sent entries, and the composer can visibly fail to
+  // clear (ChatMessageInput stays in children-controlled mode with a
+  // "ghost" mention anchored past the end of an empty string). See
+  // useMentionComposer.clear()'s doc comment.
+  clearMentions();
+  // Stop before awaiting the send: the peer should lose the indicator as
+  // the message goes out, not once it round-trips.
+  notifyStoppedTyping();
+  try {
+    await compose.send(mentionsToSend);
+  } catch (error) {
+    if (__DEV__) console.error('[ChatComposer] Failed to send:', error);
+  } finally {
+    // Belt-and-suspenders: force the native view to actually clear,
+    // regardless of whether the value/children mode-switch (triggered
+    // by mentions going from non-empty to empty) synced correctly on
+    // its own — the underlying nested-Text-in-TextInput technique is
+    // known to have platform quirks around this kind of transition.
+    inputRef.current?.clear();
+  }
+  // Depend on mentionComposer.mentions/.clear specifically (both
+  // stable-per-value / [] deps), not the whole mentionComposer object —
+  // same reasoning as handleToggleAttachment in useComposerPanels.
+}, [compose, isSendMessageAllowed, sendDeniedReason, mentions, clearMentions, notifyStoppedTyping, inputRef]);
+//# sourceMappingURL=useComposerSend.js.map

package/lib/module/screens/chat-detail/hooks/useComposerSend.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","trans","UIUtils","serializeMentionsForSend","MAX_AT_USER_COUNT","useComposerSend","compose","isSendMessageAllowed","sendDeniedReason","mentions","clearMentions","notifyStoppedTyping","inputRef","toast","open","title","theme","isUploading","canSend","mentionsToSend","length","truncated","max","String","send","error","__DEV__","console","current","clear"],"sourceRoot":"../../../../../src","sources":["screens/chat-detail/hooks/useComposerSend.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAwB,OAAO;AAEnD,SAASC,KAAK,QAAQ,+BAAsB;AAC5C,SAASC,OAAO,QAAQ,2BAAwB;AAChD,SACEC,wBAAwB,EACxBC,iBAAiB,QACZ,qCAAkC;AAgBzC,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAC9BC,OAAO;EACPC,oBAAoB;EACpBC,gBAAgB;EAChBC,QAAQ;EACRC,aAAa;EACbC,mBAAmB;EACnBC;AACoB,CAAC,KACrBZ,WAAW,CAAC,YAAY;EACtB,IAAI,CAACO,oBAAoB,EAAE;IACzBL,OAAO,CAACW,KAAK,CAACC,IAAI,CAAC;MACjBC,KAAK,EAAEP,gBAAgB;MACvBQ,KAAK,EAAE;IACT,CAAC,CAAC;IACF;EACF;EAEA,IAAIV,OAAO,CAACW,WAAW,IAAI,CAACX,OAAO,CAACY,OAAO,EAAE;EAC7C,MAAMC,cAAc,GAAGV,QAAQ;;EAE/B;EACA;EACA;EACA;EACA;EACA;EACA;EACA,IAAIU,cAAc,CAACC,MAAM,GAAG,CAAC,EAAE;IAC7B,MAAM;MAAEC;IAAU,CAAC,GAAGlB,wBAAwB,CAACgB,cAAc,CAAC;IAC9D,IAAIE,SAAS,EAAE;MACbnB,OAAO,CAACW,KAAK,CAACC,IAAI,CAAC;QACjBC,KAAK,EAAEd,KAAK,CAAC,0BAA0B,EAAE;UACvCqB,GAAG,EAAEC,MAAM,CAACnB,iBAAiB;QAC/B,CAAC,CAAC;QACFY,KAAK,EAAE;MACT,CAAC,CAAC;IACJ;EACF;;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACAN,aAAa,CAAC,CAAC;EACf;EACA;EACAC,mBAAmB,CAAC,CAAC;EACrB,IAAI;IACF,MAAML,OAAO,CAACkB,IAAI,CAACL,cAAc,CAAC;EACpC,CAAC,CAAC,OAAOM,KAAK,EAAE;IACd,IAAIC,OAAO,EAAEC,OAAO,CAACF,KAAK,CAAC,gCAAgC,EAAEA,KAAK,CAAC;EACrE,CAAC,SAAS;IACR;IACA;IACA;IACA;IACA;IACAb,QAAQ,CAACgB,OAAO,EAAEC,KAAK,CAAC,CAAC;EAC3B;EACA;EACA;EACA;AACF,CAAC,EAAE,CACDvB,OAAO,EACPC,oBAAoB,EACpBC,gBAAgB,EAChBC,QAAQ,EACRC,aAAa,EACbC,mBAAmB,EACnBC,QAAQ,CACT,CAAC","ignoreList":[]}

package/lib/module/screens/chat-detail/legend/LegendChatMessage.js

@@ -21,6 +21,7 @@ import { StickerMessage } from "../../../components/messages/stickerMessage/inde
 import { GROUP_NOTIFICATION_TYPES } from "../../../utils/messageUtils.js";
 import { Avatar } from "../../../components/Avatar/index.js";
 import { TAIL_WIDTH } from "../../../components/messages/BubbleTail.js";
+import { perfCountRender } from "../../../utils/perf-marker.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const messageComponentMap = {
   [MessageType.TextMessage]: TextMessage,
@@ -61,8 +62,11 @@ export const LegendChatMessage = /*#__PURE__*/memo(({
   showName = false,
   showAvatar = false,
   showSenderGutter = false,
-  groupPosition
+  groupPosition,
+  surface = 'timeline',
+  isPreview
 }) => {
+  perfCountRender('LegendChatMessage');
   const handlePress = useCallback(() => {
     onPress?.(messageId);
   }, [onPress, messageId]);
@@ -80,6 +84,8 @@ export const LegendChatMessage = /*#__PURE__*/memo(({
       style: styles.systemMessageWrapper,
       children: /*#__PURE__*/_jsx(SystemMessageComponent, {
         message: message,
+        messageId: messageId,
+        surface: surface,
         isOutgoing: isOutgoing,
         createdAtTime: createdAtTime
       })
@@ -121,10 +127,13 @@ export const LegendChatMessage = /*#__PURE__*/memo(({
         style: styles.senderName,
         children: message.senderNickname
       }), /*#__PURE__*/_jsx(LongPressWrapper, {
-        onPress: shouldHandlePress ? handlePress : undefined,
-        onLongPress: handleLongPress,
+        onPress: shouldHandlePress && !isPreview ? handlePress : undefined,
+        onLongPress: isPreview ? undefined : handleLongPress,
         children: /*#__PURE__*/_jsx(MessageComponent, {
           message: message,
+          messageId: messageId,
+          surface: surface,
+          isPreview: isPreview,
           isOutgoing: isOutgoing,
           createdAtTime: createdAtTime,
           onMediaPress: hasMediaPress ? effectiveOnMediaPress : undefined,